javascript - 使用 .search() 或正则表达式查找 ID 中包含 X 的元素

Question

我有一组动态构建并添加到页面的输入框。我可以控制放置在元素上的 ID，但它被一堆垃圾包裹着。例如，我给它一个 ID clientTest ，它将呈现一个 ID j_id0:j_id2:theForm:clientTest_mod。包含该Id但包含不同结尾的输入框一共有7个。 ID 的第一部分也是动态的，因此我无法硬编码任何内容。

一个例子，

<input type="hidden" name="j_id0:j_id2:theForm:clientTest_lkid" id="j_id0:j_id2:theForm:clientTest_lkid" value="000000000000000">
<input type="hidden" name="j_id0:j_id2:theForm:clientTest_lkold" id="j_id0:j_id2:theForm:clientTest_lkold" value="null">
<input type="hidden" name="j_id0:j_id2:theForm:clientTest_lktp" id="j_id0:j_id2:theForm:clientTest_lktp" value="001">
<input type="hidden" name="j_id0:j_id2:theForm:clientTest_lspf" id="j_id0:j_id2:theForm:clientTest_lspf" value="0">
<input type="hidden" name="j_id0:j_id2:theForm:clientTest_lspfsub" id="j_id0:j_id2:theForm:clientTest_lspfsub" value="0">
<input type="hidden" name="j_id0:j_id2:theForm:clientTest_mod" id="j_id0:j_id2:theForm:clientTest_mod" value="0">

如何搜索并找到我想要定位的输入框？

Answer 1

扩展@Michael Chaney

// select the collection
var inputs = $("input[id*='theForm']");

// loop through each element.
$("input[id*='theForm']").each(function(ind, ele){
      $("#textPlace").append("<li>"+ $(ele).attr("id")+"</li>");
});

http://jsfiddle.net/1zsj0zcc/1/