我如何在JavaScript上显示最近的的内容？

Question

我到处都找过了，但我的代码根本不起作用。我只想显示我点击的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，所以请对我宽容一点。

Answer 1

看起来像是缺少了$（“.btntest”）而不是$（“btntest”）

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