javascript - 使用 jQuery 从 HTML 表格中检索值？

Question

我只是想知道使用 jquery 从这个 HTMl 代码中检索当前值并将它们存储到数组中的最佳方法是什么？

<table id="metric_summary">
    <tbody>   
    <tr class="editable_metrics">
        <td><label>DataSet:</label></td>
       <td><input name="DataSet" value="prod"></td>
    </tr>

    <tr class="editable_metrics">
        <td><label>HostGroup:</label></td>
       <td><input name="HostGroup" value="MONITOR"></td>
    </tr>

    <tr class="editable_metrics">
        <td><label>Host:</label></td>
       <td><input name="Host" value="ALL"></td>
    </tr>

    <tr class="editable_metrics">
        <td><label>Class:</label></td>
       <td><input name="Class" value="CPU"></td>
    </tr>

    <tr class="editable_metrics">
        <td><label>Object:</label></td>
       <td><input name="Object" value="cpu"></td>
    </tr>

    <tr class="editable_metrics">
        <td><label>Metric:</label></td>
       <td><input name="Metric" value="CapacityCPUUtilization"></td>
    </tr>

谢谢

Answer 1

我没有测试它，但它应该可以完成工作:

var Dict = {};
$('#metric_summary input').each(function (index, input) {
  Dict[input.name] = input.value;
});

编辑:如果您想将值存储在没有标签的数组中，您可以这样做:

var Values = [];
$('.editable_metrics input').each(function (i, input) {
  Values.push(input.value);
});

但是您不知道哪个值指的是哪个标签。您可能想要这样做:

var Values = [];
$('.editable_metrics input').each(function (i, input) {
  Values.push( [ input.label, input.value ] );
});