提问者:小点点

我如何在JavaScript上显示最近的<td>的内容?


我到处都找过了,但我的代码根本不起作用。我只想显示我点击的td的内容。

我有这张桌子:

<tr class='rowData' tooltip='{caracteristicas}' >
                    <td nowrap class='Body' 
                    ><a href='{caracteristicas}' target="_blank" style="color:black" onClick='return confirm("VOCÊ SERÁ REDIRECIONADO PARA:\r\r  {caracteristicas}")'>{inputDescItem}</a></td>

                    
                    <td nowrap class='Body' align='right'>{quantidade} {hiddenCodigoItem}</td>
                    <td nowrap class='Body' align='center'>{grupoEstoque}</td>
                    <td nowrap class='Body' align='center'>{inputCodigoItem}</td>
                    <td nowrap class='Body' align='center'>{btnAtualizaItem}</td>

                    <td nowrap class='Body' align='center'><button type="button" class="btnTest">Assign</button></td>

                    <td nowrap class='Body' align='center' class="testNameClass" name="output" style ="display:none;">{caracteristicas}</td>
                    

                </tr>

我想要它,以便当我单击click ME标记时,它将显示(在弹出、警报、模态或任何)下面标记的内容(我没有显示)。

我有以下JavaScript:

$("btnTest").on("click", function() {
alert($(this).closest('tr').find('testNameClass').val());
});

我不是很擅长JS,所以请对我宽容一点。


共1个答案

匿名用户

看起来像是缺少了$(“.btntest”)而不是$(“btntest”)

$(".btnTest").on("click", function() {
alert($(this).parents('tr').find('.testNameClass').val());
});