如何在jquery中检索兄弟内容？

Question

如何更改“我的数据”的CSS。 每当用户点击输入广播时，我的数据应该改变其文本颜色。如何访问它，因为它是id为'b'的输入的兄弟。 请告诉我两种方式，父母访问的强文本和sibling.strong文本

<tr>
  <td>
      <input type='radio' id='b' name='option' value="b">
      My data
  </td>
</tr>

Answer 1

首先，您不能设置文本样式，只能设置元素。因此，您应该将该文本包装在一个范围内。 然后，您可以使用adjacent sibling selector选择，具体取决于单选按钮的状态。

<tr>
  <td>
      <input type='radio' id='b' name='option' value="b">
      <span>My data</span>
  </td>
</tr>

#b:checked + span{
    color: red;
}

Answer 2

你也可以试试这个：

$('#b').click(function(){
     $(this).closest('td').text().css("color","red");
});

Answer 3

您可以使用此jquery设置父TD的样式：

$("#b").closest("td").css("color", "red") 

或类似的东西，我想你知道css（...）

Answer 4

我认为您应该将“我的数据”放在div标签中，以便更轻松地操作它。 我的意思是这样的：

<tr>
  <td>
      <input type='radio' id='b' name='option' value="b">
      <div id="my_data"> My data </div>
  </td>
</tr>

如果您尝试使用jquery，则可以执行以下操作：

$('#b').click(function(){

    $(this).next('#my_data').css('color', 'red');


});