当前位置: 代码迷 >> Web前端 >> 在jquery取得同名元素
  详细解决方案

在jquery取得同名元素

热度:137   发布时间:2012-11-07 09:56:10.0
在jquery获得同名元素
在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");

实现。

  相关解决方案