选择以某些内容结尾的div

Question

<div id="start_123_end"</div>
<div id = "start_123_ok"</div>
<div id="start_123_error"</div>
<div id = "start_123_notstarted"</div>

我想选择一个以“start”开头并以“end”或“ok”

结尾的div

Pseduo Code:

选择$（“div [id ^ = __ w2] [id $ = _ end || _ok]”）

因为可以有很多元素

Answer 1

您可以使用.filter()

var selected = $("div[id^=start]").filter("[id$=_ok],[id$=_end]");

DEMO

Answer 2

使用带逗号的开始和结束选择器

$('div[id ^=start][id $=_ok],div[id ^=start][id $=_end ]')

Answer 3

您可以将filter与正则表达式一起使用，而不是使用相当慢的属性选择器：

$('div').filter(function() {
   return /^start.+(end|ok)$/.test(this.id);
}).addClass('selected');

Example fiddle