jquery - 将 XPath 选择器转换为 jQuery

Question

对于给定的(不完整的)HTML 表格:

<tr>
    ...
</tr>
<tr>
    <td><input type="radio"></td>
    <td>Red Hot Chili Peppers</td>
    <td></td>
</tr>
<tr>
    <td><input type="radio"></td>
    <td>Britney Spears</td>
    <td></td>
</tr>
<tr>
    ...
</tr>

我使用 xpath 选择器 //td[contains(., 'Red Hot Chili Peppers')]//preceding-sibling::td//input 单击单选按钮。

问题是 xpath 在我正在测试的页面上有时不稳定。我想切换到 jQuery。

如何在 jQuery 中执行此操作？

Answer 1

等效的 jQuery 将使用 :contains、prev() 和 find()，如下所示:

$('td:contains("Red Hot Chili Peppers")').prev('td').find('input')

$('td:contains("Red Hot Chili Peppers")').prev('td').find('input').prop('checked', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td><input type="radio"></td>
    <td>Red Hot Chili Peppers</td>
    <td></td>
  </tr>
  <tr>
    <td><input type="radio"></td>
    <td>Britney Spears</td>
    <td></td>
  </tr>
</table>