如何在jquery中获取td innerhtml值,除了input type=“hidden”
How to get td innerhtml values except input type="hidden" in jquery
我创建了一个动态表。 它可以动态添加,编辑和删除行。在表内添加每个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()
但它不起作用。
只需使用 .text()
即可获取该行中的文本:
tdname.children().text()
小提琴
你可以
试试这个,
var txt = tdname.contents().filter(function () {
return this.nodeType == 3; //Filter it by text node
}).text();
var txt = $('.test').contents().filter(function () {
return this.nodeType == 3; //Filter it by text node
}).text();
alert(txt);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
<td class="test">This is Text
<input type="hidden" value="someValue" />
</td>
</tr>
</table>
使用:hidden
选择器,它将只返回可见元素:
看到这个小提琴:http://jsfiddle.net/u66ez4gv/
你需要:
tdName.children("input:visible").val()
相关文章:
- 正在将base64 jpeg从input-type=file上传到服务器
- 未捕获错误:语法错误,无法识别的表达式:input[@type=submit]
- 无法在“(”input:checkbox [name=type]:checked“).each(function())”
- 如何使用 JavaScript 显示 html 输入:.html(' < input type=“text” /
- $('input[type=checkbox]').change(function()
- 如何在jquery中获取td innerhtml值,除了input type=“hidden”
- jQuery提交表单,然后禁用所有“input[type=”submit“]”以防止重复提交
- JavaScript / jQuery input[type=text] pattern
- 是否保证 document.querySelectorAll(“input[type=checkbox”) 的结果数组的
- Jquery selector input[type=text]')
- input type=“password” 在 IE 11 上使用 HTML 5 显示文本
- 我可以使用任何 HTML 或 JavaScript API 在 input[type=file] 中获取文件的路径吗?
- 如何调用“;点击“;输入类型“on input type”;文件“;通过调用其他元素的上下文
- HTML 5”;数字“;键入小数位时,type input没有值
- input-type=附加到onclick事件的文件
- 当从代码进行Web浏览时,如何将信息发送到<input.*type=“;提交”>并检索得到的链接
- Inline input type="submit"按钮似乎重叠在onclick上
- 不能在元素上创建checkboxradio.nodeName=input, element.type=text
- input-type=file onchange事件未在googlechrome/ffirefox中启动
- Set the value of <input type="date"... in jquer