1

我需要从<td id='itemCadaPreco'>单击 ID 为“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());
    });
});

编辑： 伙计们，这将在循环中动态生成，并且 id“itemCadaPreco”将重复，因此点击时调用 id 将不起作用，我们需要使用“closest”之类的东西或类似的东西。谢谢！

4

2 回答 2

2

你可能想要的是

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

演示：小提琴

我假设它是一个tr重复相同结构的列表，那么我们遇到了一个问题，因为您将有多个具有相同 id 的元素。元素的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());
    });
});

演示：小提琴

于 2013-04-20T06:58:27.767 回答
0

您需要将行放在<table>标签内。

你只需要使用alert($("#itemCadaPreco").text());

请看这个工作示例。

http://jsfiddle.net/vLAQj/

于 2013-04-20T06:25:47.993 回答