Javascript 查找包含具有特定值的单元格的行

我必须标记表中的所有行（稍后更改代码以删除这些行）

表结构如下所示：

<table class="table table-striped table-condensed" id="buckettable">
            <thead>
                ...cut out
            </thead>
            <tbody>
                <tr class="success">
                    <td><input class="fld-bucketno" type="checkbox" name="bucket" value="158bf61f-8f66-4dee-9ff6-b9d1f6d4b840" /></td>
                    <td class="text-right">
                        <a class="bucketNo" href="/Sim/Staging/1212">1212</a>
                    </td>

切断

我感兴趣的是td-second最后一行中锚的值

我得到一个要删除的id的json列表。首先我标记它们，然后更改代码以删除它们。至少是这样。请注意——我知道很多编程知识，但Javascript对我来说是一块未知之地；）

到目前为止，我的代码是：

success: function (resp) {
                var table = $('#buckettable').find('tbody')[0];

                var length = resp.length;
                for (var i = 0; i < length; i++) {
                    var bucketNo = resp[i];
                    var rows = table.children.length;
                    for (var j = 0; j < rows; j++) {
                        var row = table.children[j];
                        var bucket = row.find('.bucketNo').text();
                        if (bucket == bucketNo) {
                            alert(bucket);
                        }
                    }
                }
                $('#cleanup').modal('hide');

成功：功能（resp）{
变量表=$（'#buckettable'）。查找（'tbody'）[0]；
变量长度=各自的长度；
对于（变量i=0；i

我对任何明智的方法都持开放态度——希望它能教会我很多

在上面的代码中，我成功地获得了行…但是find（'.bucketNo'）失败，出现了一个AEException，即对象#没有方法find…。我觉得这很有趣，因为我之前在表单上使用了它。非常欢迎指向文档的指针，特别是除了答案之外

---

如果有更好的方法，告诉我。我被告知按ID搜索更快（显然），但不知何故我不确定-我是否应该在每行设置一个编码ID（bucket xxx，xxx是数字？

有一种更简单的方法

var targetBucketNo = 1212;
$('#buckettable a.bucketNo')
  .filter(function(item) {
    return item.text() == targetBuvketNo;
  })
  .parent()
  .remove();

下面将获得#buckettable表中bucketNo类的锚

$('#buckettable a.bucketNo')

过滤器将过滤具有目标桶号的结果

.filter(function(item) {
    return item.text() == targetBuvketNo;
 })

移除将移除元素

.remove();

---

如果您想添加一个类，可以将

.remove（）

替换为

.addClass（'your-class-name'）

。这会将它添加到

td

元素中，因此您应该在

添加类之前添加
.parent（）
，
有一种更简单的方法

var targetBucketNo = 1212;
$('#buckettable a.bucketNo')
  .filter(function(item) {
    return item.text() == targetBuvketNo;
  })
  .parent()
  .remove();

下面将获得#buckettable表中bucketNo类的锚

$('#buckettable a.bucketNo')

过滤器将过滤具有目标桶号的结果

.filter(function(item) {
    return item.text() == targetBuvketNo;
 })

移除将移除元素

.remove();

如果您想添加一个类，可以将
.remove（）
替换为
.addClass（'your-class-name'）
。这会将它添加到
td
元素中，因此您应该在
addClass
之前添加
.parent（）
您正在访问本机Javascript
子对象，因此
查找（）
不是一个函数。但是，您可以使用jQuery筛选方法跳过许多正在使用的本机函数：

var $aTag = $('#buckettable').find('tbody td a.bucketNo').filter(function() {
    return $(this).text() == bucketNo
});
alert($aTag.text());

您正在访问本机Javascript
子项
，因此
find（）
不是一个函数。但是，您可以使用jQuery筛选方法跳过许多本机函数：

var $aTag = $('#buckettable').find('tbody td a.bucketNo').filter(function() {
    return $(this).text() == bucketNo
});
alert($aTag.text());

您还可以循环类“bucketNo”的所有链接，然后查看ID是否在数组中。之后，获取包含TR并删除它或添加类或其他内容：

var resp = [2323,5656]

$('a.bucketNo').each(function() {
    if( resp.indexOf( parseInt($(this).text()) ) != -1 )
        $(this).closest('tr').addClass('del');
});

您还可以循环使用类“bucketNo”的所有链接，然后查看ID是否在数组中。之后，获取包含TR并删除它或添加类或其他内容：

var resp = [2323,5656]

$('a.bucketNo').each(function() {
    if( resp.indexOf( parseInt($(this).text()) ) != -1 )
        $(this).closest('tr').addClass('del');
});

例如，要更改行上的类？如：我想调试为具有行的TS添加一个类？伙计，我很震惊-这是一个lto更容易；）@tomtom添加了说明并添加了一个类，而不是删除谢谢。我觉得我真的……需要一个好的教程和网站来学习jquery。这非常优雅。只是最后一个问题-答案是否没有删除锚点？而不是整行？如果我在remove（）之前添加.resister（'tr'），这是否有效（似乎不起作用）？例如，要更改行上的类？如：我想调试向有行的TS添加一个类？伙计，我很震惊-这是一个lto更容易；）@tomtom添加了澄清并添加了一个类，而不是删除谢谢。我觉得我真的…需要一个好的教程和网站来学习jquery。这非常优雅。这只是最后一个例子questin-答案是否没有移除锚？不是整个行？如果我在remove（）之前添加.resister（'tr'），这是否有效（似乎没有）？