Javascript 选择以特定div中的某个内容结尾的id

而不是

<div id="abcdiv">yes div</div>
<div id="defdiv">yes div</div>
<div id="ijkdiv">yes div</div>

试着在这个上下文中使用

<div id="notthisone">No div</div> and <div id="xyzdiv">No div</div>

上面的选择器也是一个有效的css选择器。您也可以在css中使用它

var elem = $("#mydiv div[id$='div']");

但请注意，此选择器将在引擎盖下使用正则表达式。在包含100多个元素的dom中运行此选择器时，这可能会耗尽性能。因此，更好的方法是使用类来区分所需元素与其他元素。像

#mydiv div[id$='div'] {
 color : red;
}

您可以使用[attr$=value]

表示属性名为attr且其值以value作为后缀的元素

mydiv div[id$=div]{ 背景：浅蓝色； } 是的，div 是的，div 是的，div 无div 没有divdivmydiv div[id$=div]符合您的所有条件：

元素必须位于id为mydiv的 元素本身必须是一个 元素的id必须以div结尾 演示 divmydiv div[id$=div]{ 背景：绿色； } 是的，div 是的，div 是的，div 无div 一点也不 也不是一个div 开端 无div

#mydiv div[id$='div'] {
 color : red;
}

<div id="mydiv">
    <div id="abcdiv" class="yes">yes div</div>
    <div id="defdiv" class="yes">yes div</div>
    <div id="ijkdiv" class="yes">yes div</div>
    <div id="notthisone">No div</div>
</div>

#mydiv div.yes {
 color :red;
}