Question

我有DOM结构

<div id="content">
    <div id="wrapper">
        <input type="text" id="search" />
    </div>
</div>
<div class="subContent">
</div>
<div class="subContent">
</div>

我想在最接近输入框的输入框的输入事件上选择<div class="subContent">。

$('#search').on('keypress', function(){
    $(this).parent().parent().next();
});

有更好的方法吗？

Answer 1

$(this).closest('#wrapper').nextAll('.subContent').first()

这样你就可以改变它来使用类

Answer 2

我想这可以帮到你

$("#search").click(function () {
    $(this).closest("div.module").hide();
});

可能重复

Hiding the closest div with the specified class

Answer 3

使用此： -

 <html>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <div id="content">
        <div id="wrapper">
            <input type="text" id="search" />
            <div class="subContent" style = 'background-color:red;'>div1</div>
            <div class="subContent" style = 'background-color:red;'>div2</div>
            <div class="subContent" style = 'background-color:red;'>div3</div>
        </div>
    </div>
    </html>
    <script>
    $('#search').on('keypress', function(){
        $(this).next().css( "background-color", "blue" );
    });
    </script>

找到具有指定类的最近div

3 个答案: