Data only to click the div

Good morning, everyone.

I have a doubt. I have a list of div. textarea with text inside it and inside. text for a button event. Want to get only the data from the textarea div that the person clicking the button.

I would be very grateful for the help. thanks

Ex开发者_JAVA技巧ample code.

<div class="text">
 <textarea id="texts" class="texts" rows="5" cols="45" name="textarea"> </ textarea>
 <div class="bt" id="1234556">
  <div class="button"> Send </div>
 </div>
</div>

$('.button').click(function() {
    var text = $('#texts').val();

    // do something with text
    alert(text);
});

Working demo at http://jsfiddle.net/PPcxm/

As long as you have the same structure (and presuming you have more than one example on the page as the button is a class and textarea is an id, the following would work:

$(".button").click(function()
{

   var text = $(this).parent().prev().val();

});

Since you have a list of div.text your best bet is to query based upon the structure of your DOM.

$(".button").click(function() {
    var $textArea = $(this).parents(".text").find(".texts");
    //Do something with $textArea.Val();
});

What we simply do is call .parents() on the current div.button which will allow us to get the div.text element. From there you can simply find your textarea.texts element and get the corresponding value.

Code example on jsfiddle.