在jquery中使用$("#aa")的方式可在html中取得id为aa的元素,如果有多个id为aa的元素此种方式只能取得id为aa的第一个元素。如果想得到id为aa的所有元素做统一设置可通过find方法实现或者将元素设置class属性,通过class属性可得到所有同名元素。
如下代码:
<table id="userDatas" class="dataTableContainer" width='800' align="center"> <tr id="searchTr" class="row" valign="bottom"><td>aaa</td></tr> <tr id="searchTr" class="row" valign="bottom"><td>bbb</td></tr> <tr id="searchTr" class="row" valign="bottom"><td>ccc</td></tr> </table>
想改变所有id为searchTr元素的背景色如果用代码
$("#searchTr").addClass("bg"); // 则只能够改变第一行的背景色。
可用
var dataTableTrs = $(".dataTableContainer").find('#searchTr'); dataTableTrs.each(function(i) { $(this).addClass("bg"); });
或者
$(".row").addClass("bg");
实现。