Question

有没有办法找到id为： -

的div的所有子元素

儿童_ * _ of_parent

HTML

<div id="parent">
  <div id=child_1_of_parent>...</div>
  <div id=child_2_of_parent>...</div>
  <div id=child_3_of_parent>...</div>
  <div id=some_other_id_1>...</div>
  <div id=some_other_id_2>...</div>
</div>

我希望所有有ID的孩子： - child_1_of_parent ， child_2_of_parent ， child_3_of_parent

我的尝试

jQuery("#parent").find("div[id='child_*_of_parent']");

Answer 1

尝试检查开头并以

结束

试试这个

$("div[id ^='child_'][id $='_of_parent']")

Answer 2

Try the following:

$("#parent div[id$=_of_parent][id^=child]")

Answer 3

据我所知，可以通过两种方式完成

匹配模式这里只是匹配子元素的id模式。

$('#parent').children().each(function(){
   if( $(this).attr('id').match("_of_parent") ) {
        console.log($(this));
   }
});

使用属性选择器。检查开始和放大器。 id ^的结束模式用于检查字符串＆amp;的开头。 $可用于检查结束模式

var a =($("div[id ^='child_'][id $='_of_parent']"))

WORKING MODEL

希望这会有所帮助

中间字符串的jQuery选择器

3 个答案: