`
qingfengjushi1
  • 浏览: 141352 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

在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");

实现。

分享到:
评论

相关推荐

    jquery获取array

    #### 二、获取同名 input 元素的值并存储到 Array 中 **需求分析:** 假设页面上有多个 `&lt;input&gt;` 元素,它们的 `name` 属性值都相同(例如 `name="noread"`),我们需要通过 jQuery 将这些元素的值收集起来并存储...

    jquery操作表单案例

    在jQuery中,获取表单元素的值非常直观。例如,对于一个ID为`exampleInput`的input元素,我们可以使用`val()`函数来获取或设置其值: ```javascript var inputValue = $('#exampleInput').val(); ``` 二、jQuery...

    jQuery常见开发技巧详细整理

    3. **获取jQuery集合的某一项**:使用`eq(index)`或`get(index)`可以获取jQuery对象集合中的特定元素。`eq()`返回jQuery对象,而`get()`返回DOM元素。例如,`$(“div”).eq(2)`和`$(“div”).get(2)`分别对应集合中...

    jQuery小游戏.zip

    在jQuery小游戏里,可能通过选择器来定位游戏元素,如游戏界面的按钮、图像或计分板。 2. **事件处理**:jQuery简化了事件绑定的过程,可以一次性绑定多个事件处理函数,例如鼠标点击、键盘输入、页面加载等。游戏...

    jQuery获取和设置表单元素的方法

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作,包括对表单元素的处理。本文将深入探讨jQuery如何通过`val()`方法来获取和设置表单元素的值,包括文本框(input[type="text"]、textarea)...

    JQuery判断radio是否有选中,获取选中的值

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨如何使用jQuery来判断单选按钮(radio)是否有被选中,并获取选中的值。 首先,我们需要理解...

    jquery获取各种radio,checkbox,select的值等

    这些元素在网页表单中十分常见,用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明: 1. **jQuery获取Select的值**: - `$("#select_id").change(function() {...})`:此代码会为ID为`select_id`的...

    jquery获取元素值的方法(常见的表单元素)

    在jQuery中,获取和操作网页中的表单元素值是常见的任务,这有助于处理用户输入和交互。以下是一些关于如何使用jQuery获取不同类型的表单元素值的方法,包括文本框、多选框、单选按钮和下拉框。 1. **Radio按钮取值...

    jQuery中如何判断radio选中(4种方法)

    本文将详细介绍在jQuery框架下判断`radio`按钮是否被选中的四种方法。 #### 方法一:通过属性选择器获取`checked`属性 第一种方法是利用jQuery的选择器来直接访问`checked`属性。具体步骤如下: ```javascript ...

    前端项目-jquery-domPath.zip

    这段代码将会打印出"myElement"元素在DOM树中的路径,可能是类似"#document &gt; body &gt; div.container &gt; section &gt; #myElement"的形式,这使得开发者能直观地看到元素在页面结构中的位置。 jQuery-domPath的工作原理...

    jQuery+css last-child实现选择最后一个子元素操作示例

    3. **选择最后一个子元素**:在jQuery中,可以使用`last()`方法或`:last-child`选择器来选取最后一个子元素。 现在,我们通过示例代码来详细解释: ```html &lt;!DOCTYPE html&gt; ; charset=utf-8" /&gt; &lt;title&gt;...

    jQuery中mouseover事件用法实例

    首先,mouseover事件是JavaScript和jQuery中一种常用的鼠标事件,它在用户将鼠标指针移动到某个元素上方时触发。jQuery通过简化的语法简化了事件绑定的过程,让开发者可以更加轻松地为网页元素添加鼠标悬停事件处理...

    jquery-xmlToJson.js

    如果XML中有多个同名的子元素,它们会在JSON中表现为数组。 转换过程中的关键步骤包括: 1. **解析XML**:使用jQuery的`parseXML()`方法将XML字符串解析为XML DOM对象。 2. **遍历XML节点**:通过递归函数遍历XML的...

    jquery取值.pdf

    在jQuery中,取值和赋值是基本的操作,以下将详细解释如何使用jQuery进行这些操作。 首先,获取和设置文本框(TEXTAREA)的值: ```javascript // 获取值 var textval = $("#text_id").attr("value"); // 或者 var ...

    Jquery 操作 Dom 标签 select

    在前端开发中,使用 jQuery 操作 DOM 元素是非常常见的需求之一。特别是对于表单元素如 `select`、`radio` 和 `checkbox` 的操作,更是频繁出现。下面我们将详细介绍如何使用 jQuery 来获取和设置这些元素的状态。 ...

    jQuery 表单验证扩展代码(二)

    失去焦点时,如果元素是radio或checkbox类型,则检查是否有其他同名元素被选中;如果元素是`input`或`textarea`类型,则直接判断其值是否为空。`addMessage`函数根据传入的标志位`flag`决定是显示正确信息还是错误...

    jQuery根据表单name获取值的方法

    在某些情况下,我们可能需要单独操作表单中的多个同名元素。这时可以使用jQuery的索引器来获取具体的元素。例如,`$("input[name='mobile']")[0].value`或`$("input[name='mobile']").get(0).value`用于获取第一个...

    jQuery实现form表单元素序列化为json对象的方法

    这个过程包括了选择表单元素、序列化为数组、处理同名元素以及将数据结构转换为JSON格式。这个方法不仅适用于简单的表单,也能够处理更复杂的情况,如多选下拉框和复选框组。理解并掌握这种技巧,对于编写高效、简洁...

    JavaScript获取HTML DOM节点元素的方法的总结

    JavaScript获取HTML DOM节点元素的方法是Web开发中的基础技能,尤其是在动态更新页面内容时。本文将对几种常见的DOM操作方法进行详细解释。 首先,我们可以通过顶层的`document`对象来获取元素: 1. `document....

Global site tag (gtag.js) - Google Analytics