Question

所以我有这个按钮，你点击它，它将background color从蓝色变为红色。如果我想让那个按钮更改row background color，我该怎么做？这也是一个循环，所以所有类都是相同的，我使用下面的代码，所以它只会改变我点击的内容而不是该类的所有内容。

脚本

<script type="text/javascript">
$('.a-row').on('click', '.H', function () {
    $( this ).css( "background-color", "red" );
});
</script>

HTML / PHP的

<tr class="a-row">
 <td><p class="pname"><?=$row["Name"]?></p><p class="clickbutt H">H</p></td>
 <td>stuff</td>
 <td>stuff2</td>
 <td>stuff3</td>
</tr>

Answer 1

您可以使用.parents()方法

<script type="text/javascript">
$('.a-row').on('click', '.H', function () {
    $( this ).parents("tr").css( "background-color", "red" );
});
</script>

Example

Answer 2

您可以使用.closest('tr')：

$('.a-row').on('click', '.H', function () {
    $(this).closest('tr').css( "background-color", "red" );
});

jquery .closest()

Answer 3

您可以像这样尝试jquery的.closest（）方法。

<script type="text/javascript">
 $('.H').on('click', function () {
  $( this ).closest.('tr').css( "background-color", "red" );
 });
</script>

您可以在此处查看文档。 https://api.jquery.com/closest/

希望这有用。

单击更改特定行的CSS而不是按钮

3 个答案: