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

发布网友发布时间：2022-04-20 10:52

我来回答

共4个回答

热心网友时间：2022-04-20 10:28

这样：

$(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>

</div>

热心网友时间：2022-04-20 11:46

var obj = $("<div class='div1'><div class='div2'></div></div>");
这是用jquery创建了一个元素

获取obj这个对象下的class='div2'的元素，很容易，这样：
obj2 = obj.find('.div2');

热心网友时间：2022-04-20 13:21

你这种写法是创建了一个对象，但并没有真正的把它变为 DOM 中的一个元素，也就是<div>并没有真正的存在于HTML中。
var obj = $("<div class='div1'><div class='div2'></div></div>");
// 将元素嵌入到body中
obj.appendTo('body');
但一般在jQuery中我们不用先定义对象，可以直接写成
$("<div class='div1'><div class='div2'></div></div>").appendTo('body');
要获取元素
$("div.div1") 就是 <div class='div1'><div class='div2'></div></div>
$("div.div2") 就是 <div class='div2'></div>
实例
// 设置 div2 高度、边框、背景
$("div.div2").css({height: "50px", border: "1px solid #f00", background: "#ff0"});

热心网友时间：2022-04-20 15:12

如果id是一个变量的话，把它放到引号外面用号连接起来就行了， $(