获取包含单词Target的字段集

Question

<div>
<fieldset id='dynamicTargetId'>
<legend>test</legend>
</fieldset>
</div>

使用jQuery获取包含单词Target的字段集的最佳方法是什么。 Id将是一个总是包含单词Target的复合词。

Answer 1

使用id属性上的attribute contains selector。例如：

$("fieldset[id*='Target']");

Answer 2

您可以使用CSS属性选择器：

​$("fieldset[id*=Target]")

通常，[att*=str]匹配任何包含str的任何属性值。

以下是一个例子：

var test = $('fieldset[id*=Target]');
$('#count').text(test.length);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<fieldset id='dynamicTargetId'>
<legend>test</legend>
</fieldset>
  <fieldset id='anotherTargetId'>
<legend>test</legend>
</fieldset>
  <fieldset id='TargetId'>
<legend>test</legend>
</fieldset>
</div>
<p>
  Found <span id="count"></span> fieldset elements containing 'Target'
</p>

如果您需要匹配某个位置（开头或结尾）包含值的属性，您可以使用以下内容：

[att^=str]     // attribute value starting with str

[att$=str]     // attribute value ends with str

More details about different attribute selectors

Other possible ways of performing the matching you need