CODEWITHSUNDEEP
javascriptjqueryhtml
user544079
user544079

Reputation: 16629

Find closest div with specified class

I have the DOM structure as

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

I want to select <div class="subContent"> on enter event of input box which is closest to the input box. 

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

Is there a better way to do this ?

Upvotes: 1

Views: 1203

Answers (3)

PHP Worm...
PHP Worm...

Reputation: 4224

Use This:- 

 <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>

Upvotes: 0

Anbarasan Thangapalam
Anbarasan Thangapalam

Reputation: 1018

I guess this can help you

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

Possible duplicate of

Hiding the closest div with the specified class

Upvotes: 1

qwertymk
qwertymk

Reputation: 35256

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

That way you can change it to use classes

Upvotes: 1

Related Questions