Question

根据＆＃34的答案;如果条件为真，则将类添加到父元素＆＃34;，我设置以下内容：

<head>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  <style>
    .zero {background:#900;color:white;}
  </style>
</head>

<div>
<table>
  <tr>
    <td>1</p>0</p></td>
    <td>2</p>10</p></td>
    <td>3</p>0</p></td>
  </tr>
</table>
</div>

<script>
$() {
  $('p', 'table').each(function() {
    if ($(this).text() ==='0') {
    $(this).parents("td").addClass("zero");
    }
  });
});
</script>

我在答案jsfiddle示例中使用了这个并且它工作正常。我只添加了$() { });来代替＆＃39; onload＆＃39;在jsfiddle中提供。在我的例子中，td包含一个文本正好等于＆＃39; 0＆＃39;不采取造型。欢迎提示。

Answer 1

表格中的开头段落标签是错误的，您需要将脚本放在准备就绪等事件中。

表：

<td>1<p>0</p></td>
<td>2<p>10</p></td>
<td>3<p>0</p></td>

脚本：

$(document).ready(function(){
    $('p', 'table').each(function() {
        if ($(this).text() ==='0') {
            $(this).parents("td").addClass("zero");
        }
    });
});

工作小提琴： https://jsfiddle.net/h7kyv9z6/

如果条件为真，则将类添加到父元素，测试不起作用

1 个答案: