使用jQuery从HTML表中检索值？

我只是想知道什么是最好的方式来从这个HTMl代码使用jquery检索当前值并将它们存储到数组中？使用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>

感谢

来源

2010-06-09 Mo.

我没有测试它，但它应该做的工作：

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 ]); 
});

来源

2010-06-09 13:30:33 Alsciende

#metric_summary会给你的表，而不是行。 – ajm 2010-06-09 13:33:17

谢谢，我忘了'输入'选择器。 – Alsciende 2010-06-09 13:35:20

这对我来说是失败的。传入'each（）'的函数的第一个参数是索引，http://api.jquery.com/each/第二个是元素。所以将'（input）'修改为'（index，input）'，代码就可以工作。 – artlung 2010-06-09 13:49:41

我会遍历每一行和每一解析为label和input value我关心。请注意，如果您有重复的标签名称，则对象存储将丢失值。

var arr_storage = []; // var to store as array 
var obj_storage = {}; // var to store as object 
$('#metric_summary tr').each(function(){ 
    var key = $('td label:first', this).text() 
    var value = $('td input:first', this).val(); 
    arr_storage.push([ key, value ]); 
    obj_storage[key] = value; 
});

来源

2010-06-09 13:36:56 artlung

基本上，有几种方法可以做到这一点。基本步骤：

选择所有的TD。
遍历它们，将它们添加到您的对象。

有很多不同的方法可以做到这一点。没有一个是真的错误或正确的，但有些可能会比其他的更好或更差。如果您需要再次访问这些行或单元格，请考虑可以将此链接与网站上的其他操作链接的方式，或者出于性能原因如何缓存内容。

这里是一种使用map()，这maps array-like structures to an array获取标签/值对象的数组，像这些情况下工作良好：

someObject = $('#metric_summary .editable_metrics td:first-child').map(function(){ 
    var $el = $(this); 
    return { 'label' : $el.find('label').html(), 'value' : $el.next().find('input').val() } 
});

或许不会非常有效，但应该让你开始。

来源

2010-06-09 13:38:52 ajm

使用jQuery从HTML表中检索值？

回答

相关问题