Получить динамическое значение td по нажатию кнопки

Question

Мне нужно получить значение от <td id='itemCadaPreco'>, когда я нажимаю кнопку с идентификатором 'btnRemover' :.

Вот jsFiddle: http://jsfiddle.net/6APAx/

<tr id='itemCada'> 
    <td id='itemCadaId'>1</td> 
    <td>descrição aqui</td> 
    <td id='itemCadaQtd'>12</td> 
    <td id='itemCadaPreco'>R$ 10,00</td> 
    <td>R$ 12000,00</td> 
    <td style='width: 15px;'><button id="btnRemover">X</button></td> 
</tr> 


$(function(){ 
    $("#btnRemover").click(function(){   
     alert($(this).closest("#itemCadaPreco").text()); 
    }); 
}); 

Edit: Ребят это будет генерироваться динамически на петле и ид «itemCadaPreco» будет повторяться, поэтому идентификатор вызова по щелчку не будет работать, мы нужно использовать что-то вроде «ближайшего» или что-то в этом роде. спасибо!

Answer 1

Вам нужно поместить свои строки в теги <table>.

Вам нужно только использовать alert($("#itemCadaPreco").text());

Пожалуйста, смотрите этот рабочий пример.

http://jsfiddle.net/vLAQj/

Answer 2

То, что вы можете это

$(function(){ 
    $("#btnRemover").click(function(){   
     alert($(this).closest("tr").find('#itemCadaPreco').text()); 
    }); 
}); 

Демо: Fiddle

Я предполагаю, что это будет таблица со списком, где повторяется та же tr структура, то есть потому что у вас будет несколько элементов с одним и тем же идентификатором. Элемент id элемента должен быть уникальным на странице, поэтому я предлагаю вам изменить все атрибуты id на class.

<table id="tblItemData"> 
    <tr class='itemCada'> 
     <td class='itemCadaId'>1</td> 
     <td>descrição aqui</td> 
     <td class='itemCadaQtd'>12</td> 
     <td class="itemCadaPreco">R$ 10,00</td> 
     <td>R$ 12000,00</td> 
     <td style='width: 15px;'><button class="btnRemover">X</button></td> 
    </tr> 
</table> 

$(function(){ 
    $('#tblItemData').on('click', '.btnRemover', function(){ 
     alert($(this).closest("tr").find('.itemCadaPreco').text()); 
    }); 
}); 

Демо: Fiddle