1

<td id='itemCadaPreco'>「btnRemover」の ID を持つボタンをクリックしたときに値を取得する必要があります。

ここに 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());
    });
});

編集: みんな、これはループで動的に生成され、ID「itemCadaPreco」が繰り返されるため、クリック時の呼び出しIDは機能しません。「最も近い」などを使用する必要があります。ありがとう！

4

2 に答える 2

2

あなたが望むかもしれないのは

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

デモ:フィドル

同じ構造が繰り返されるリストテーブルであると想定していtrますが、同じIDを持つ複数の要素があるため、問題が発生します。要素のはページ内で一意である必要があるため、すべての属性をidに変更することをお勧めします。idclass

<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());
    });
});

デモ:フィドル

于 2013-04-20T06:58:27.767 に答える