Question

所以...点击后，我希望按钮上有一个＆＃34; 点击器＆＃34;通过JQuery获取带有类＆＃34; 弹出框＆＃34;的元素。我在下面的结构在整个页面中出现过几次，这就是我的问题...我想要＆＃34; clicker＆＃34;仅定位＆＃34;弹出框＆＃34;那是在他之后。

我的结构如下（重复几次）：

<div class="item-papers">
    <div class="img-wrap">
        <div class="img-innerwrap">
            <a href="#" class="clicker"></a>
        </div>
    </div>

    <div class="floater">
        <span></span>
        <div class="item-papers-content">
            <span></span>
            <span></span>
            <div>
                <span></span>
                <div class="popup-box"></div>
            </div>
        </div>
    </div>
</div>

我已经和.sibblings（），。parent（），。find（）搞混了，但我不能为我的生活弄清楚如何达到它。

非常感谢任何帮助。谢谢

Answer 1

嗯，他们最亲密的共同父母是.item-papers元素。

因此，使用.closest('.item-papers')从点击的元素向上，然后使用.find('.popup-box')向下，以获取弹出元素..

$('.clicker').on('click', function(e){
    e.preventDefault();
    var self = $(this),
        popup = self.closest('.item-papers').find('.popup-box');

    // do what you want with the popup element here..
});

从复杂的html结构中获取JQuery元素

1 个答案: