Javascript jQuery查找最近的ul

我的HTML结构如下所示：

    <div class="product-slider-title">
        <div><span class="left">&nbsp;</span></div>
        <div>Sample title</div>
        <div><span class="right">&nbsp;</span></div>
    </div>
    <div id="prslider1" class="product-slider-wrapper">
        <div class="left-prduct-slider-nav sprites"></div>
        <div class="right-prduct-slider-nav sprites"></div>    
        <div class="product-slider">
            <ul>
                <li class="product-holder"></li>
            </ul>
        </div>
     </div>

示例标题

---

当我点击

时，如何从
左侧管道滑块导航
中找到最近的
。产品滑块ul
。左侧管道滑块导航

var ul = $(this).siblings('.product-slider').find('ul')

---

演示：

如果

此

为

。左管道滑块导航

，则

var ul = $(this).siblings('.product-slider').find('ul')

演示：

您可以使用搜索当前元素后的同级元素，并使用

find（）

搜索由

nextAll

返回的匹配元素中的子元素

$(this).nextAll('.product-slider').find('ul');

您可以使用搜索当前元素后的同级元素，并使用

find（）

搜索由

nextAll

返回的匹配元素中的子元素

$(this).nextAll('.product-slider').find('ul');

这应该行得通

var ul = $('.left-prduct-slider-nav').closest('ul');

这应该行得通

var ul = $('.left-prduct-slider-nav').closest('ul');

嗯，试试这个：

$('.left-prduct-slider-nav').click(function () {
    var closest_ul = $(this).parent().find('.product-holder ul');
});

嗯，试试这个：

$('.left-prduct-slider-nav').click(function () {
    var closest_ul = $(this).parent().find('.product-holder ul');
});

---

请尝试

第一个孩子

：

HTML:

<div class="product-slider-title">
    <div><span class="left">&nbsp;</span>

    </div>
    <div>Sample title</div>
    <div><span class="right">&nbsp;</span>

    </div>
</div>
<div id="prslider1" class="product-slider-wrapper">
    <div class="left-prduct-slider-nav sprites">Left Slider Nav</div>
    <div class="right-prduct-slider-nav sprites"></div>
    <div class="product-slider">
        <ul>
            <li class="product-holder1"></li>
        </ul>
        <ul>
            <li class="product-holder"></li>
        </ul>
        <ul>
            <li class="product-holder"></li>
        </ul>
        <ul>
            <li class="product-holder"></li>
        </ul>
    </div>
</div>
<div class="product-slider-title">
    <div><span class="left">&nbsp;</span>

    </div>
    <div>Sample title</div>
    <div><span class="right">&nbsp;</span>

    </div>
</div>
<div id="prslider1" class="product-slider-wrapper">
    <div class="left-prduct-slider-nav sprites"></div>
    <div class="right-prduct-slider-nav sprites"></div>
    <div class="product-slider">
        <ul>
            <li class="product-holder"></li>
        </ul>
    </div>
</div>

$(document).ready(function () {
    $(".left-prduct-slider-nav").click(function () {
        alert($(".product-slider").find("ul:first-child").find("li").prop("class"));
    });
});

说明： 我处理

.click（）

函数的

.left prduct slider nav

，然后我向

类发出最近的警报，或者换句话说，第一个
ul:first child
的li

证明：
证明是我更改了第一个
ul
的
li
的
class
，然后更改了
alert（）
它，然后我得到的输出是：
product-holder1
尝试
第一个孩子
：

HTML:

<div class="product-slider-title">
    <div><span class="left">&nbsp;</span>

    </div>
    <div>Sample title</div>
    <div><span class="right">&nbsp;</span>

    </div>
</div>
<div id="prslider1" class="product-slider-wrapper">
    <div class="left-prduct-slider-nav sprites">Left Slider Nav</div>
    <div class="right-prduct-slider-nav sprites"></div>
    <div class="product-slider">
        <ul>
            <li class="product-holder1"></li>
        </ul>
        <ul>
            <li class="product-holder"></li>
        </ul>
        <ul>
            <li class="product-holder"></li>
        </ul>
        <ul>
            <li class="product-holder"></li>
        </ul>
    </div>
</div>
<div class="product-slider-title">
    <div><span class="left">&nbsp;</span>

    </div>
    <div>Sample title</div>
    <div><span class="right">&nbsp;</span>

    </div>
</div>
<div id="prslider1" class="product-slider-wrapper">
    <div class="left-prduct-slider-nav sprites"></div>
    <div class="right-prduct-slider-nav sprites"></div>
    <div class="product-slider">
        <ul>
            <li class="product-holder"></li>
        </ul>
    </div>
</div>

$(document).ready(function () {
    $(".left-prduct-slider-nav").click(function () {
        alert($(".product-slider").find("ul:first-child").find("li").prop("class"));
    });
});


说明：
我处理
.click（）
函数的
.left prduct slider nav
，然后我向
类发出最近的警报，或者换句话说，第一个
ul:first child
的li

证明：
证明是我更改了第一个
ul
的
li
的
class
，然后更改了
alert（）
，然后得到的输出是：
product-holder1
试试这个：

$(this).next().next().find('ul');

试试这个：

$(this).next().next().find('ul');

距离
最近的
产品滑块ul
。左侧管道滑块nav
仅为列表中的第一个，因此您可以使用
：first
：

$('.left-prduct-slider-nav').click(function() {

    $(this).parent().find('.product-slider ul:first')

})

距离
最近的
产品滑块ul
。左侧管道滑块nav
仅为列表中的第一个，因此您可以使用
：first
：

$('.left-prduct-slider-nav').click(function() {

    $(this).parent().find('.product-slider ul:first')

})

@零：睁开眼睛。@零：睁开眼睛。这不起作用，因为
。产品滑块
与
是同级的。左prduct滑块导航
这不起作用，因为
。产品滑块
与
是同级的。左prduct滑块导航