Question

188

On button click, select a sibling element with JQuery

rated 0 times [ 194] [ 6] / answers: 1 / hits: 15461 / 13 Years ago, sat, december 24, 2011, 12:00:00

I have this code:

<div class=item>

  <div class=hidden>44</div>

  <input type=submit id=btnAddCommentForAnswer value=Add Comment />

  <script type=text/javascript>

    $(document).ready(function () {

        $('#btnAddCommentForAnswer').click(function () {

            alert(XXX);

        });



    });

  </script>    

</div>



<div class=item>

  <div class=hidden>12</div>

  <input type=submit id=btnAddCommentForAnswer value=Add Comment />

  <script type=text/javascript>

    $(document).ready(function () {

        $('#btnAddCommentForAnswer').click(function () {

            alert(XXX)

        });



    });

  </script>  

</div>

what code should I put at XXX to get the content of the div with class=hidden when i press the button at the same div with class=item?

If you click the first button you should get 44, and for clicking the second button you get 12.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jarod

Add To Favorites

Follow

Total Points: 62

Total Questions: 111

Total Answers: 83

Location: Saint Vincent and the Grenadines

Member since Sat, Sep 11, 2021

3 Years ago

jarod questions

1 Is there a way to format text in embeds using discord.js?

Sun, Aug 23, 20, 00:00, 4 Years ago

1 NestJS env variable undefined

Sun, Apr 26, 20, 00:00, 4 Years ago

1 AssertionError: expected { Object (driver, name, ...) } to have property '_id'

Thu, Jan 30, 20, 00:00, 4 Years ago

1 How I can send my axios response to a variable with node.js

Wed, Dec 18, 19, 00:00, 5 Years ago

1 How to fix TypeError: Cannot read property 'length' of undefined in JavaScript?

Mon, Oct 21, 19, 00:00, 5 Years ago

View All

answered 13 Years ago kaceyr · Accepted Answer

id's are meant to be unique; you may wish to consider changing the id to a class.
With that in place, you could use a script like the following to achieve what you want:

$(document).ready(function() {

    $('.btnAddCommentForAnswer').click(function() {

        alert($(this).siblings('.hidden').text());

    });

});

Here's a JSFiddle example: JSFiddle

Also, you don't need to have two script tags in your script! This one script wrapped in <script> tags is all that is necessary :)