javascript - 如何从 jQuery 中的一堆动态创建的元素中只选择文本框?

标签 javascript jquery html

我正在动态创建一堆表单元素,例如 textbox、textarea、checkbox 和 dropdownlists,我只想选择 id 以某个值结尾的 textboxes。我们如何在 jQuery 中实现这一点。

附言我知道如何通过使用选择一个 id 以结尾的元素 $( "[attribute$='value']") 选择器。但在这里我应用了某种过滤器来仅选择文本框。下面是元素创建后呈现的最终 html 输出。现在我如何才能只选择 ID 为 txtFirstnamefeedback1textbox

<input type="text" id="txtFirstnamefeedback1">
<input type="text" id="txtLastnamefeedback1">
<input type="text" id="txtSurnamefeedback1">
<p id="pfavblogliteraltextfeedback1">Select your interested blog </p>
<input type="checkbox" id="chk1favBlogfeedback1" value="Bike">ASP.NET Web Forms</ br>
<input type="checkbox" name="chk2favBlogfeedback1" value="Car">ASP.NET MVC

最佳答案

在选择器中添加类型,:text将仅过滤掉文本框,即 input 类型为 text

的所有 html 元素
$(":text[attribute$='value']") 

你的选择器就像

$(":text[id$='feedback1']") 

关于javascript - 如何从 jQuery 中的一堆动态创建的元素中只选择文本框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30473714/

相关文章:

jquery - 响应式下拉菜单定位

javascript - 根据选择框中的选择显示文本框

html - 如何将多个跨度放在同一行中?

javascript - 将视频背景与页面背景相匹配

javascript - 使用 Gulp 复制文件目录和文件

javascript - 如何递归创建给定值的数组?

jquery - "XMLHttpRequest cannot load file:///... Preflight response is not successful"错误

javascript - jQuery 实时过滤,匹配时如何返回整行?

javascript - 如何制作类似 Pottermore 的动画光标

javascript - onChange 事件未在 Chrome 中的文本框上触发