用于兄弟的CSS选择器

Question

如何从tr列表中选择收音机，其唯一的唯一元素是＆＃39;一些独特的价值＆＃39;？

<tr>
  <td>
    <input type="radio" name="myradioname" value="4" onclick="myevent">
  </td>
  <td>
    Some value
  </td>
  <td>Some unique value</td>
</tr>

Answer 1

虽然使用纯CSS无法做到这一点，但可以使用jQuery的:contains选择器来实现。

Working jsFiddle

您正在寻找的选择器是：

$("tr:contains('Some unique value')").find('input[type="radio"]')

首先，您要查找包含“某些唯一值”的<tr>，然后在其中找到input[type="radio"]。

像魅力一样工作。在jsFiddle中，只有使用此选择器在页面加载时检查“某些唯一值”附近的无线电。

注意：

1. 还有其他方法可以解决这个问题，例如找到包含'某些独特价值'的<td>，然后在其兄弟姐妹中寻找<input>。但是，我认为这里介绍的方式最有效率。
2. 如果您可以先选择该表并仅搜索其中的行，那么它会运行得更快......例如：$("#myTable tr:contains('Some unique value')").find('input[type="radio"]')。
3. 如果您仍想单独使用CSS ，我建议您查看服务器端代码并​​使用条件语句将类添加到特定<tr>，例如{{1然后添加如下的CSS规则：class="special"