javascript - 如何在jquery中获取除输入类型="hidden"之外的td innerhtml值

Question

我创建了一个动态表。它可以动态添加、编辑和删除行。在表中添加每个 td 时，它还会添加一个包含值的隐藏字段。也就是说，

<tr>
<td>This is Text <input type="hidden" value="someValue"></td>
</tr>

这里是获取 td 元素内部的 innerHtml 的代码。

var par = $(this).parent().parent(); //tr
var tdName = par.children("td:nth-child(1)");

tdName.html("<input type='text' id='txtName' value='"+tdName.html()+"'/>");

但是当我使用这段代码时，它会显示输入隐藏类型的文本。也就是说，

This is Text <input type="hidden" value="someValue">

这里我不想获取隐藏的输入字段。我只需要其他部分 This is Text 。可能吗？

我试过 tdName.children("input[type!=hidden]").val()但它不起作用。

Answer 1

只需使用 .text() 获取该行中的文本:

tdname.children().text()

FIDDLE