Question

我试图通过点击按钮找到并访问div，但我无法根据我点击的按钮找到DIV。

我知道我必须使用父母或兄弟姐妹之类的东西......但是我有点迷失在这一点上并且会感激任何帮助。

这是html结构

    <div class="box" id="upcoming">
        <div class="box-head">
            <header><h4>Test Header</h4></header>
        </div>
        <div class="box-body">
            <div class="widget-upcoming">
                <div class="test">
                    Hello
                </div>                              
            </div>
        </div>
        <div class="box-footer"><button type="button" class="btn load-more">LOAD MORE</button>
        </div>
    </div>

到目前为止我的jquery是：

    $(".load-more").on('click', function() {
        alert($(this).parent().html());
    });

这显示了页脚的内容。我没有弄清楚如何进入即将推出的小部件DIV，我将把其他DIV与.test一起附加到哪里

谢谢！

Answer 1

可能的解决方案：

$(".load-more").on('click', function() {
    alert($(this).closest('.box').find('.widget-upcoming').html());
});

DEMO

注意：还有其他方法，但我认为这是最简单的方法。

查找并访问特定的DIV，以便我可以添加内容

1 个答案: