Question

我有一张这样的表：

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr class="class1"><td>1</td><td class="Type">Type 1</td><td>Section 205</td><</tr>  
  <tr class="class2"><td>2</td><td class="Type">Type 1</td><td>Section 225</td></tr>
  <tr class="class2"><td>3</td><td class="Type">Type 2</td><td>Section 115</td></tr>
</table>

＆＃13;

我想选择一个具有特定类的行，其中一个列包含特定的文本。我知道如何做第二件事：$("td.Type:contains(Type 1)").parent()但是会选择第一行和第二行，而我只想要那些类为2（即第二行）。我虽然可以在选择器中执行选择器，但我尝试使用$("tr.class2 td.Type:contains(Type1)").parent()并且根本不选择任何内容，而$("tr.class2").$("td.Type:contains(Type1)").parent()甚至不是有效的javascript命令。

我正在搜索，我只能找到如何用$(selector 1, selector 2)得到一些选项，这不是我假装的。

Answer 1

将选择器传递给parent('.class2')功能

$('#result').append($("td.Type:contains(Type 1)").parent('.class2').attr('class'))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr class="class1"><td>1</td><td class="Type">Type 1</td><td>Section 205</td></tr>  
  <tr class="class2"><td>2</td><td class="Type">Type 1</td><td>Section 225</td></tr>
  <tr class="class2"><td>3</td><td class="Type">Type 2</td><td>Section 115</td></tr>
</table><br/><br/><br/>

<div id="result">Result: </div>

Answer 2

试试这个：

$("td.Type:contains(Type1)").parent('tr.class2');

JQuery从选择中选择

2 个答案: