Question

这听起来很基本......我就是这个......

    <div id="carouselBrand">
        <div class="carouselSelectorLeft">O</div>
        <div class="carouselWrapper">
            <div class="carouselSelector">
                <div class="carouselItems">
                <img src="./images/dell.png" alt="">
                <img src="./images/dell.png" alt="">
                <img src="./images/dell.png" alt="">
                <img src="./images/dell.png" alt="">
                <img src="./images/dell.png" alt="">
                <img src="./images/dell.png" alt="">
                </div>
            </div>
        </div>
        <div class="carouselSelectorRight">O</div>
    </div>

我想绑定点击事件......

    $(".carouselSelectorRight").click(function() {

    });

我需要选择carouselSelector，所以基本上：在我处理点击的对象的父级内部获取带有类carouselSelector的第一个div。

应该是这样的......

    var select = $(event.target).parent.$('.carouselSelector');

但这不是正确的方法......任何建议？

Answer 1

选择目标元素的方法有很多种：

$(".carouselSelectorRight").click(function() {
    var select = $(this).prev().children('.carouselSelector');
});

您还可以使用closest / parent和find方法：

$(this).closest('.carouselBrand').find('.carouselSelector');

如果父.carouselBrand元素有多个.carouselSelector后代，并且您想要选择其中一个first，则可以使用first方法：

select.first(); // where select is the returned collection by above queries

请注意，如果您想使用event对象，则应将其传递给事件处理程序：

$(".carouselSelectorRight").click(function(event) {

jQuery中的子对象 - 如何在变量中选择？

1 个答案: