1

我有下表。我也有这个数组，其值对应于行[52,24,12]的 data-id 属性。对于每个数组值，表中将仅存在一行。我想为数组中存在的每一行增加计数列。例如，12 将更改为 13，32 将更改为 33，6 将更改为 7。首选 jQuery 解决方案，但是，本地 JavaScript 解决方案就足够了。谢谢

<table>
 <thead>
  <tr><td>count</td></tr>
 </thead>
 <tbody>
  <tr data-id="24"><td>32</td></tr>
  <tr data-id="52"><td>12</td></tr>
  <tr data-id="42"><td>4</td></tr>
  <tr data-id="84"><td>2</td></tr>
  <tr data-id="12"><td>6</td></tr>
 </tbody>
</table>
4

5 回答 5

1

像这样的东西应该可以解决问题

var indices = [52, 24, 12];

//loop through each array entry
jQuery.each(indices, function(i, val) {

    var tr, value;

    //get the tr with the corresponding data-id, cache for reuse
    td = $('tr[data-id="' + val + '"] td');

    //just trying to be verbose
    value = td.text();           //get the text
    value = parseInt(value, 10); //parse the number off it
    value++;                     //increment

    //put the incremented values back
    td.text(value);

});​
于 2012-07-20T17:00:28.103 回答
1

尝试：

HTML：

<table>
 <thead>
  <tr><td>count</td></tr>
 </thead>
 <tbody>
  <tr data-id="24"><td>32</td></tr>
  <tr data-id="52"><td>12</td></tr>
  <tr data-id="42"><td>4</td></tr>
  <tr data-id="84"><td>2</td></tr>
  <tr data-id="12"><td>6</td></tr>
 </tbody>
</table>​

jQuery :

indices = [52, 24, 12];

$('tr[data-id]').each(function() {
    if (indices.indexOf($(this).data('id')) == -1) {
        return;
    }
    var td = parseInt($(this).find('td').html());  
    $(this).find('td').html(td + 1);
});

JsFiddle：http: //jsfiddle.net/Xc7JC/1/

享受和好运！

于 2012-07-20T17:01:00.427 回答
1

您可以这样做以仅对数组中存在 ID 的行进行操作。

这可能比使用多个 jQuery 调用来查找数组中的每个 id 的解决方案更有效，因为这只会遍历行一次，而那些必须遍历表行 N 次。

<table id="myTable">
 <thead>
  <tr><td>count</td></tr>
 </thead>
 <tbody>
  <tr data-id="24"><td>32</td></tr>
  <tr data-id="52"><td>12</td></tr>
  <tr data-id="42"><td>4</td></tr>
  <tr data-id="84"><td>2</td></tr>
  <tr data-id="12"><td>6</td></tr>
 </tbody>
</table>

var rowList = [52, 24, 12];

$("#myTable tr").each(function() {
    var id = $(this).data("id");
    if (id && $.inArray(id, rowList) != -1) {
        var cell = $(this).find("td");
        cell.text(parseInt(cell.text(), 10) + 1);
    }
});
于 2012-07-20T17:01:19.663 回答
1

试试这个（我正在使用来自 underscorejs.org 的 lib）

_.each([52,24,12], function (item) {
    var td = $('tr[data-id=' + item + '] td');
    td.text(parseInt(td.text()) + 1);
});

或不带下划线：

var a = [52,24,12]; 
for (var i = 0; i < a.length; ++i) {
    var td = $('tr[data-id=' + a[i] + '] td');
    td.text(parseInt(td.text()) + 1);
}

http://jsfiddle.net/ACJ9r/

于 2012-07-20T17:07:49.380 回答
1

你可以这样做，

现场演示

arr = [52,24,12];
$('tr').each(function(){
    if($.inArray($(this).data('id'), arr) > -1)
        $(this).children('td').text(+$(this).children('td').text()+1);
});​
于 2012-07-20T17:14:10.353 回答