Question

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

var obj = $("<div class='div1'><div class='div2'></div></div>");这样是不是用jquery创建了一个元素,然后我怎么获取obj这个对象下的class='div2'的元素呢

Answer 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>

Answer 2

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

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

Answer 3

你这种写法是创建了一个对象，但并没有真正的把它变为 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"});

Answer 4

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