jQuery CSS Targeting数据标题

Question

目前有这个代码，我希望每当发货免费时，通过CSS加粗和绿色文本，但不知道我在哪里出错jQuery？

<script> $("td[data-title='Shipping']").contains('Free').css('color', 'green'); </script>

<td data-title="Shipping"> FREE EXPRESS SHIPPING! </td>

<td data-title="Shipping"> $4.99 </td>

Answer 1

jQuery实例（$() => jQuery instance）没有.contains方法。您应该使用contains as a selector：

$("td[data-title='Shipping']:contains('Free')").css('color', 'green');

jQuery构造函数有一个contains方法，但它用于不同的目的。

Answer 2

尝试将脚本更改为以下内容：

<script>
    $('td[data-title="Shipping"]:contains(Free)').css('color', 'green');
</script>

以上脚本仅更改第一个td的颜色，因为上一个td不包含Free文字。

如果您想更改它们，请尝试更改tr：

<script>
    $('td[data-title="Shipping"]:contains(Free)').parents('tr').css('color', 'green');
</script>