首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

无法通过 jQuery 选择添加的 tr

以下是关于无法通过 jQuery 选择添加的 tr 的问答内容的完善且全面的答案:

问题:无法通过 jQuery 选择添加的 tr

答案:

这个问题可能是由于 jQuery 无法识别动态添加的 DOM 元素导致的。解决这个问题的方法是使用 jQuery 的事件委托机制,即使用 on() 方法来监听事件。

首先,确保已经引入了 jQuery 库。然后,使用 on() 方法来监听动态添加的 tr 元素的事件。例如,如果要为动态添加的 tr 元素添加点击事件,可以使用以下代码:

代码语言:javascript
复制
$('table').on('click', 'tr', function() {
  // 事件处理程序代码
});

这样,无论何时向表格中添加新的 tr 元素,都可以为其添加点击事件。

另外,如果要选择添加的 tr 元素,可以使用以下代码:

代码语言:javascript
复制
$('table').on('click', 'tr', function() {
  // 选择添加的 tr 元素
  var addedTr = $(this);
});

这样,就可以在事件处理程序中使用 addedTr 变量来访问添加的 tr 元素。

总之,使用 jQuery 的事件委托机制可以解决无法选择动态添加的 tr 元素的问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Jquery简介选择

依赖库:jquery-XXX.js 语法:$() 正文 5择器 id选择器 $(“#id值”) 样例:$(#span1).css(“color”,”red”); 标签选择器 $(“标签名称”) Class...选择器 $(“.class值”) 群组选择器 $(“标签名称1,标签名称2”) 包括选择器 $(“标签名称1 标签名称2”) 表单选择器 $(“:input”)全部Input标签 $(“:text...:has(selector)返回值:Array匹配含有选择器所匹配元素元素一个用于筛选选择器演示样例描写叙述:给全部包括 p 元素 div 元素加入一个 text 类HTML...tr> Value 2 jQuery 代码: $(“tr:hidden”) 结果: [ <tr style=”display:none...不包含select中option;varc = ops[e.selectedIndex].value;通过获取当前訪问option对象在数组中位置。

1.6K20
  • jQuery常用选择

    选取页面中元素可以使用jQuery给我们提供$()方法,该方法需要提供选择器作为参数,方法执行完成后会返回给我们一个jQuery对象,被选取元素就包含在该对象中。...> p') 选择作为div元素子元素所有p元素 后代选择器 $('div p') 选择作为div后代所有p元素 相邻选择器 $('div + p' 选择紧邻div元素且位于其后p元素 兄弟选择器...3li元素 :lt(n) $('lt(3)') 选择匹配元素集合中索引小于3li元素 :root $(':root') 选择文档根元素 :header $(':header') 选择所有的标题元素...:animated $(':animated') 选取正在应用动画效果元素(只对通过jq方法添加动画有效) 2.5子元素过滤器 选择器 示例 说明 tag:first-child $('div p...$('div:parent') 选择匹配元素集合中包含子元素所有div元素(包括文本节点) 2.7 选取表单元素 jQuery提供了一些专门为表单设计选择器,用于快速访问表单元素。

    72920

    jQuery通过id选择器绑定双击事件,和appendTo()方法使用详解

    selected",document);==>$("option:selected");//不可以 var alloptions = $("option:selected",$("#id"));//选择哪个下拉...(select)列表被选中值(第二种写法) var alloptions = $("option:selected",#id);//这个是另外一种写法也是可以被识别的(第三中写法)...var alloptions = $("option:selected",this);//指的是当前下拉下表函数下,选中中值(第四种写法) alert(alloptions.length...); //appendTo()把所有匹配元素追加到另一个指定元素元素集合中。...//实际上,使用这个方法是颠倒了常规$(A).append(B)操作,即不是把b追加到a,而是把a追加到b $("option:selected",this).appendTo($("

    1.2K20

    jQuery常用 基本选择

    什么是jQuery选择jQuery选择器是jQuery为我们提供一组方法,让我们更加方便获取到页面中元素。注意:jQuery选择器返回jQuery对象。...jQuery选择器有很多,基本兼容了CSS1到CSS3所有的选择器,并且jQuery添加了很多更加复杂选择器。...【查看jQuery文档】 jQuery选择器虽然很多,但是选择器之间可以相互替代,就是说获取一个元素,你会有很多种方法获取到。所以我们平时真正能用到只是少数最常用选择器。...css里选择jQuery都能写 基本选择器 名称 用法 描述 ID选择器 $(“#id”) $(“#id”) 获取指定ID元素 类选择器 $(“.class”) 获取同一类class元素 标签选择器...交集选择器 $(“div.redClass”) 获取class为redClassdiv元素 总结:跟css选择器用法一模一样。 案例: <!

    51710

    【JavaWeb】85:jQuery各种选择

    刚学CSS时候,觉得CSS选择器也太多了吧,直到今天学了jQuery选择器…… 一、基本选择器 初学jQuery有个非常令人苦恼地方:时常会把jQuery语法和js语法搞混。...CSS中基本选择器有3种,在jQuery中比CSS还多一种,依次分析: ? 为了观看更直接,将每个选择器和一个按钮绑定,通过触发点击事件完成对应操作。...①id选择器 格式为:$("#myId01")。 通过它可以操作对应id标签。 ②类选择器 格式为:$(".divClass")。 通过它可以操作对应类名标签。...③标签选择器 格式为:$("div")。 通过它可以操作对应标签名标签,其效果和类选择器很相似。 ④全选选择器 格式为:$("*")。这是jQuery中多于CSS。...六、总结 选择器之间是可以叠加使用。比如层级选择器中可以包含基本选择器。 jQuery选择器实在是太多了,通过网络查询到jQuery对应里选择器: ?

    8.8K20

    js与jQuery区别以及jQuery选择器和方法使用

    目录 使用jQuery js与jQuery代码对比 jQuery选择器:用来选中元素 基本方法 ---- js与jQuery代码对比 jQuery选择器:用来选中元素 基本方法 使用jQuery jQuery...script标签 js与jQuery代码对比 案例1:点击按钮获取文本框中值(JS对比jQuery),如下图 JS版: jQuery版: 先引入jQueryjQuery选择器:用来选中元素         ...(div、p、span) 我们先来写两个div用来对比一下一个添加一个id属性,一个添加一个class属性 2、基本选择器 我是第一个盒子 ...我们先给按钮添加一个点击事件,点击按钮获取被选中单选框value属性值。.../* 表单选择器 */ //给提交按钮添加点击事件 $("#ok").click(function(){ //获取表单中被选中单选按钮值  :radio表示单选按钮 :checked表示被选 //中

    15.4K10

    Rancher 添加主机无法显示、添加主机无效解决办法

    在 Rancher UI 中,添加主机,在 Shell ssh 运行了,然后 点击 “关闭” 按钮,发现没有显示如何主机。...解决方法1: 去云主机控制台,打开安全组,开发500、4500端口,因为服务器默认有防火墙、安全组,会拦截端口 解决方法2: 1,删除一些文件 rm -rf /var/lib/rancher/state...2,删除 agent 容器 #列出运行容器 docker ps 记下名称为 agent 容器 id ~# docker kill 248bf1f48d99 #填写你实际id 248bf1f48d99...4,重启docker ~# sudo service docker restart 等待重启,打开你 Rancher UI ,等待响应。 然后打开 应用 - 全部应用,等待服务启动。...如果你服务如下图所示,全是绿色,说明正常了,赶紧去添加主机吧。 ?

    1.4K30
    领券