jquery如何动态获取div的id

jquery如何动态获取div的id,第1张

// 找最新的父元素tr

// 再找第一个div

// 获取id

$('#1875')closest('tr')find('div:eq(0)')attr('id')

你可以看下js事件委托

你这个事件声明的时候,节点还没有生成,

$(document)on('click', 'button', function () {

 $("big")append("<div class="small"><button class="button"></button></div>")

});

这样就可以了。

如果你的获取节点的js是在head标签里面引入的并且没有添加onload事件

获取不到节点是正常的

废话不多说解决方法:

在节点加载完成过后引入js(即footer部分的标签引入js)

在head的js添加onload事件如果是jq只需要添加 $(document)read(function(){})这样也可以

可以添加的事件

windowonload=function(){//你的js代码}

$(document)read(function(){//你的js代码})

$(window)on("load",function(){//你的js代码})

$('#id')siblings() 当前元素所有的兄弟节点

$('#id')prev() 当前元素前一个兄弟节点

$('#id')prevaAll() 当前元素之前所有的兄弟节点

$('#id')next() 当前元素之后第一个兄弟节点

$('#id')nextAll() 当前元素之后所有的兄弟节点

这三个方法都可以添加选择器,给出选择条件,就能找到你指定的兄弟节点了。

扩展资料

1、jquery 获取元素(父节点,子节点,兄弟节点)

$("#test1")parent(); // 父节点

$("#test1")parents(); // 全部父节点

$("#test1")parents("mui-content");

$("#test")children(); // 全部子节点

$("#test")children("#test1");

$("#test")contents(); // 返回#test里面的所有内容,包括节点和文本

$("#test")contents("#test1");

$("#test1")prev();  // 上一个兄弟节点

$("#test1")prevAll(); // 之前所有兄弟节点

$("#test1")next(); // 下一个兄弟节点

$("#test1")nextAll(); // 之后所有兄弟节点

$("#test1")siblings(); // 所有兄弟节点

$("#test1")siblings("#test2");

$("#test")find("#test1");

2、元素筛选

// 以下方法都返回一个新的jQuery对象,他们包含筛选到的元素

$("ul li")eq(1); // 选取ul li中匹配的索引顺序为1的元素(也就是第2个li元素)

$("ul li")first(); // 选取ul li中匹配的第一个元素

$("ul li")last(); // 选取ul li中匹配的最后一个元素

$("ul li")slice(1, 4); // 选取第2 ~ 4个元素

$("ul li")filter(":even"); // 选取ul li中所有奇数顺序的元素

//创建节点

var createobj=jQuery("<div>创建的节点,需要加载到页面上才会显示哟</div>");

//将创建的节点加到页面的最后面

jQuery("body")append(createobj);

//创建节点

var createobj=jQuery("<div>创建的节点,<span color='red'>创建新节点的子节点</span>需要加载到页面上才会显示哟</div>");

//将创建的节点加到页面的最后面

jQuery("body")append(createobj);

以上就是关于jquery如何动态获取div的id全部的内容,包括:jquery如何动态获取div的id、jquery高手求解,jquery怎样获取脚本生成的节点、jquery获取不到动态加载的dom元素是一种什么样的体验等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9744851.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存