javascript - 在jquery中查找表是否有特定字符串

Question

我有一个 html 表格:

Name   Length Description  x
Name1  444    Blabd        x.png
Name2  55     Blabla       x.png
Name3  11     Blaaa        x.png

表 id="firsttable" img class="delete"

我有一个值(来自其他表):

var value = $(this).closest('tr').find('td:first').html();

我想在表的第一列中找到该值并删除具有该值的一行的 x.png。

类似于:(有错误)

$('#firsttable tr td:first:contents("'+value+'")').closest('tr').find('td:last').remove();

Answer 1

一些事情:

• 使用 :first-child 选择器而不是 :first。
• 你应该使用 :contains 而不是 :contents (我认为甚至没有 :contents() 选择器 - 或者可能通过插件)(见注意)
• .siblings() 将找到第一个 TD 的当前元素的 sibling 。你可以传递一个选择器来限制选择，所以传递 :last 只得到最后一个。比返回父级并找到最后一个 TD 更有意义。
• 您可以清空最后的 TD 内容而不是删除 td 元素(但如果需要，您可以删除它)

代码如下:

$('#firsttable td:first-child:contains("' + value + '")')
    .siblings(':last')
    .text('');

DEMO

注意:

:contains 会在文本节点id中搜索指定值是否包含，而不是精确值!因此，如果您执行 :contains("1") 但您的 TD 值为“14”，它也会找到它。如果这是一个问题，您可以使用 .filter() :

$('#firsttable td:first-child').filter(function() {
        return $(this).text() === value;
    })
    .siblings(':last')
    .text('');

更多信息:

• :first和 :first-child
• :contains
• .siblings()