Javascript 如何在jquery中获取div下面的第n个元素_Javascript_Jquery_Html

Javascript 如何在jquery中获取div下面的第n个元素

javascript jquery html

Javascript 如何在jquery中获取div下面的第n个元素,javascript,jquery,html,Javascript,Jquery,Html,在下面的示例中，如何使用jQuery获取第n个元素类？我想删除元素区域的类所选，向下两级。这就是为什么我使用了next（）.next（），但它没有选择li中的类 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh

在下面的示例中，如何使用jQuery获取第n个元素类？我想删除元素

区域的类所选
，

向下两级。这就是为什么我使用了

next（）.next（）

，但它没有选择

li

中的类

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
        <script>
            $(document).on("click", "#myId", function() {
                // $("#zone > .CaptionCont  > .optWrapper ul li").removeClass('selected');
                var op = $("#zone").next().next();
                console.log(op[0]);
            });
        </script>
    </head>
    <body>
        <div id="zone"></div>
        <p class="CaptionCont SelectBox search" title=" Volvo ">
            <span class=""> Volvo </span>
            <label><i></i></label>
            <input type="text" class="search-txt" value="" placeholder="Enter here.">
        </p>
        <div class="optWrapper multiple">
            <ul class="options">
                <li class="opt selected"><span><i></i></span>
                    <label>Volvo</label>
                </li>
                <li class="opt"><span><i></i></span>
                    <label>Saab</label>
                </li>
                <li class="opt"><span><i></i></span>
                    <label>Mercedes</label>
                </li>
                <li class="opt"><span><i></i></span>
                    <label>Audi</label>
                </li>
                <li class="opt"><span><i></i></span>
                    <label>BMW</label>
                </li>
                <li class="opt"><span><i></i></span>
                    <label>Porche</label>
                </li>
                <li class="opt"><span><i></i></span>
                    <label>Ferrari</label>
                </li>
                <li class="opt"><span><i></i></span>
                    <label>Mitsubishi</label>
                </li>
            </ul>
        </div>
        <input type="submit" name="OK" id="myId" value="Ok" />
    </body>
</html>


无标题文件
$（document）.on（“click”、“#myId”，function（））{
//$（“#zone>.CaptionCont>.optrapper ul li”）.removeClass（'selected'）；
var op=$（“#区域”）.next（）.next（）；
console.log（op[0]）；
});

沃尔沃汽车



沃尔沃汽车


萨博


梅赛德斯


奥迪


宝马


波什


法拉利


三菱

使用删除选定的类

$('#zone').siblings('.optWrapper').find('.selected').removeCl‌ass('selected');

或

$（'#zone'）.nextAll（'.optWrapper'）.find（'.selected'）.removeCl‌ass（“选定”）
（性能更好，因为它只会查找选定元素的下一个元素）

$（函数（）{
$（'#zone'）。同级（'.optrapper'）。查找（'.selected'）。removeClass（“selected”）；
});

无标题文件
$（document）.on（“click”、“#myId”，function（））{
//$（“#zone>.CaptionCont>.optrapper ul li”）.removeClass（'selected'）；
var op=$（“#区域”）.next（）.next（）；
console.log（op[0]）；
});

沃尔沃汽车



沃尔沃汽车


萨博


梅赛德斯


奥迪


宝马


波什


法拉利


三菱


尝试$（'#zone'）。下一步（'.optrapper'）。查找（'.selected'）
或$（'#zone+.optrapper.selected'）是否可以通过这种方式删除选定的类，我想删除class='selected'是。添加.removeClass（“.selected”）
尝试$（“#zone”）.nextAll（“.optWrapper”）.find（“.selected”）.removeClass（'selected'）