jquery获取指定元素下的子元素

jquery获取指定元素下的子元素,第1张

这样:

<script type="text/javascript">

     $(function () {

         $("#div1")next()addClass("am-active"); 获得div1的下一个元素

         $("#div1")next()find("dd")addClass("am-in");   获得div1下一个元素的 指定子元素

})     

 </script>

扩展资料:

注意事项

通常,选择一个元素很简单,$("#id")就可以搞定,但是如果想选择某个id为x1的div下的某个id为x2的元素就很困难了,可以通过用find来解决这个问题。

例如:

html代码如下:

<div id="test">

  <div id="div1">第一行</div>

  <div id="div2">

      <p id="p1">第1行</p>

      <p id="p2">第2行</p>

      <p id="p3">第3行</p>

  </div>

  <div id="div3">第三行</div>

</div>

在 IE 下 用 documentall[0] 获取当前document对象 ! 

然后就是body对象 要看你的body标签在你文档的索引位置,然后调用它

例如索引位置是4,从0开始。

documentall[4]

切记!!!

更简单的方法 documentgetElementsByTagName('body')[0]

当然你也可以选择递归 (全能方法)

var TM = {

arr : [],

getNodes : function(tagNames, models) { 

var m = models  models : thismodel;

var c = null;

var arr = thisarr;  // 数组传递也是引用传递

if(c = mchildren){ 

for(var i = 0; i < clength; i++) { 

var nc = c[i]tagNametoLowerCase(); 

if(nc == tagNames){  

arrpush(c[i]); // 引用被改变,原来的也改变

}

else{

thisgetNodes(tagNames, c[i]);

}

}

return arr;

}

};

引用  TMgetNodes('body',documentall[0])[0];

$(function() {

$('body')addClass('bg_main')keyup(function() { return registerHotKey(event); });

$('#s')focus();

});

onkeyup, onload 不要直接加入属性, onkeyup 可以直接绑写在 $('body') 对象

onload 直接写在 jquery function 里

keyup 那个 event 不知你这是一个变量还是一个 js 对象, 如果要返回 keyup 的 event

keyup(function(e) { return registerHotKey(e); });

请把你的代码贴出来可以吗?jq获取不到元素,可能是因为你未加载完dom就开始获取,建议把jq获取元素的 *** 作放到body后执行(这样 *** 作等价于

$(function(){

你的代码

})

也等价于ready *** 作。

另外一种可能导致jq获取不到元素的原因是 即便dom加载完成了,但如果你要获取的元素在加载过程中display属性是none的话,也就是说,同样等同于没加载出来,也是获取不到的。

以上是基于你没有给出具体代码的分析,具体原因请贴出代码

可以使用jQuery的children方法来获取某个元素下的所有子元素。

工具原料:编辑器、浏览器

1、使用children方法可以获得选择器下的所有子元素,代码实例如下:

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript" src="/jquery/jqueryjs"></script>

<style>

  body { font-size:16px; font-weight:bolder; }

  p { margin:5px 0; }

</style>

</head>

<body>

  <div>

    <span>Hello</span>

    <p class="selected">Hello Again</p>

    <div class="selected">And Again</div>

    <p>And One Last Time</p>

  </div>

<script>$("div")children("selected")css("color", "blue");</script>

</body>

</html>

2、运行的结果是找到类名为 "selected" 的所有 div 的子元素,并将其设置为蓝色,结果如下:

以上就是关于jquery获取指定元素下的子元素全部的内容,包括:jquery获取指定元素下的子元素、JS求教: 获取body对象,这样写document.body对IE 6、7、8下的兼容性如何、网页已经加载完毕,通过jquery修改body属性 <body>改成等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存