`
keney_oak
  • 浏览: 27458 次
社区版块
存档分类
最新评论

Jquery获取选中 的TR元素 和 子元素td

阅读更多
$('#table [type="checkbox"]:checked').each(function(){

    var $tr = $(this).closest('tr'); //当前tr

    alert($tr.children('td').eq(3).html()); //当前tr 的元素

});
分享到:
评论

相关推荐

    jQuery点击tr实现checkbox选中的方法

    `.click()` 用于绑定点击事件、`.children()` 用于选择子元素、`.first()` 用于选取第一个匹配的元素、`.nextAll()` 用于选取指定元素之后的所有同级元素、`.toggleClass()` 用于添加或移除样式类、`.css()` 用于...

    jquery获取table中的某行全部td的内容方法

    一旦我们有了目标行,我们可以遍历其所有子td元素。这可以通过`.children('td')`来完成,它会返回一个包含所有td元素的jQuery对象: ```javascript var $tds = $targetRow.children('td'); ``` 现在,$tds包含了tr...

    JQuery点击行tr实现checkBox选中的简单实例

    根据td元素和body背景色是否相同,来决定复选框是否被选中。 综合以上知识点,这个实例演示了如何通过JQuery简化DOM操作,以及如何通过事件绑定实现用户交互。具体实现过程是为除去表头之外的每一行绑定点击事件,...

    jQuery选择器上机练习题及答案.rar

    (4)用一条链式语句完成:先对所有img元素应用seeThrough样式,再为所有img元素和tr元素应用yellow样式 (5)用filter方法实现:选择单元格内容为Java或Smalltalk的单元格 (6)取图片集中的第2,3,4张图片 ...

    jquery获取tr并更改tr内容示例代码

    `获取当前行(`this`指代当前遍历到的`<tr>`元素)内的子元素`<td>`,其ID为`Emailtd`的文本内容。`children()`方法用于获取元素的所有直接子元素,而`.text()`则用于获取或设置元素的文本内容。 接着,检查`...

    jQuery学习资料

    - `$("td:empty")`:选择没有子元素或文本的`td`元素。 - `$("div:has(p)")`:选择包含特定后代元素的元素。 - `$("td:parent")`:选择包含其他元素的`td`元素。 5. **可见性过滤器**: - `$("span:hidden")`:...

    jQuery 隔行换色

    例如,`:nth-child(2n)`将选择所有偶数索引的子元素,`:nth-child(2n+1)`则选择所有奇数索引的子元素。在表格中,我们可以利用这一特性为偶数行和奇数行设置不同的背景颜色: ```css tr:nth-child(even) { ...

    jquery删除ID为sNews的tr元素的内容

    其中,“.remove()”方法属于删除操作,它的作用是将选中的DOM元素从文档对象模型(DOM)中移除,即删除了元素本身及其所有子元素。这里,我们通过调用 ".eq(JQID).remove()" 来删除ID为sNews的表格中的指定行。该...

    jquery选中批量删除单元格内容代码

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理和Ajax交互等任务。本主题聚焦于如何使用jQuery实现批量删除表格中选中的单元格内容。以下将详细探讨这一技术。 首先,我们需要了解...

    jquery选择器及jquery表单操作

    - **子元素选择器**:`$("#main > *")`选取ID为`main`的元素的所有直接子元素。 - **相邻兄弟选择器**:`$("label + input")`选取紧接在`<label>`元素后的`<input>`元素。 - **一般兄弟选择器**:`$("#prev ~ div")`...

    Jquery选择器说明文档.doc

    - `:parent`:选取有子元素或文本的元素,`$("td:parent")`选取所有含有内容的`<td>`。 5. **可见性过滤器**: - `:hidden`:选取所有不可见元素,`$("tr:hidden")`选取所有隐藏的`<tr>`。在JQuery 1.3.2版本中,...

    Jquery选择器大全

    2. `$("#main > *")` - 选取 ID 为 `main` 的元素的所有直接子元素。 3. `$("label + input")` - 选取所有紧跟在 `<label>` 元素后的 `<input>` 元素。 4. `$("#prev ~ div")` - 选取 ID 为 `prev` 的元素之后的所有...

    Jquery测试题.pdf

    - jQuery选择器`$("tr:eq(1)")`应该选取`<tr>`元素集合中的第二个元素,因此在选项A中正确选出了`<tr><td>Value1</td></tr>`元素。 通过这些测试题目,可以对jQuery选择器的使用有一个深入的认识,并且掌握选择器与...

    jQuery 元素选择器参考手册

    - `:empty`:选取没有子元素(包括文本节点)的元素,如 `$(":empty")` 选取没有内容的元素。 - `[attribute]`:选取具有指定属性的元素,如 `$("[href]")` 选取所有有 href 属性的元素。 - `[attribute=value]`...

    常用jQuery选择器总结

    - `$("td:empty")`:选择所有空的(无子元素或文本)`<td>`元素。 - `$("div:has(p)")`:选择包含`<p>`标签的`<div>`元素。 - `$("td:parent")`:选择所有作为父元素的`<td>`元素。 4. **表单选择器**: - `$...

    jQuery完全实例.rar

    找到所有 p 元素,并且这些元素都必须是 div 元素的子元素。 HTML 代码: <p>one</p> <div><p>two</p></div> <p>three</p> jQuery 代码: $("div > p"); 结果: [ <p>two</p> ] ------------------------------...

    jQuery.doc

    - `$("th, td")`:选取所有`<th>`和`<td>`元素。 - `$("p.intro, .demo")`:选取所有具有类名`intro`的`<p>`元素以及所有类名为`demo`的元素。 4. **子元素选择器**: - `$("ul li:first-child")`:选取每个`...

Global site tag (gtag.js) - Google Analytics