如何删除具有包含特定文本的TD的TR

时间:2015-08-11 09:11:32

标签: javascript jquery html css

我有以下标记SPAN >> Table >> TR >> TD: -

enter image description here

现在我要指定使用css或jquery来删除TR,其中TD包含单词&#34;问题&#34;在<nobr>标记内。任何人都可以这样做,我怎么能这样做?感谢

4 个答案:

答案 0 :(得分:3)

您可以使用filter来比较<nobr>元素的完全文本,然后删除最接近的<tr>

$("span table tr td nobr").filter(function() {
  return $(this).text() === "Question";
}).closest("tr").remove();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span>
  <table>
    <tr>
      <td>
        <h3>
          <nobr>Question</nobr>
        </h3>
      </td>
    </tr>
    <tr>
      <td>
        Untouched
      </td>
    </tr>
    
  </table>
</span>

答案 1 :(得分:1)

尝试使用:has()选择器和:contains() selecor来实现您的目标,

$("tr:has(td nobr:contains('Question'))").remove();

DEMO

答案 2 :(得分:1)

您可以使用jQuery执行此操作,如下所示:

$(document).ready(function(){
    $('td').each(function(){
        if($(this).find('nobr').text() === 'Question') {
            $(this).closest('tr').remove();
        }
    });
});

答案 3 :(得分:0)

如果您能提供HTML,那将会很有帮助。我会创建小提琴,但你可以尝试下面的解决方案

在表中迭代tr并找到具有

的tr
cabal configure

http://jsfiddle.net/9tw2kfek/