javascript - 如何使用 JQuery 在选择器中使用 HTML 属性值的 "substring or contains"查找元素？

Question

如何在选择器中使用 HTML 属性值的子字符串查找元素？

我正在尝试查找 div 是否包含文档编号以字母“S”开头的输入

 alert($("#forbDokProd").find(".dokMalProd input[name='check2'] [data-doknumber*='S'").length > 0)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div id="doc" class="docParent">
  <input type="checkbox" name="check2" class="ballu" value="123" data-docnumber="S004"> <---Starts with S
  <input type="checkbox" name="check2" class="ballu" value="123" data-docnumber="B004"> <---Starts with B
  <input type="checkbox" name="check2" class="ballu" value="123" data-docnumber="B005"> <---Starts with B
</div>

https://jsfiddle.net/vfse1caL/1/

不喜欢 For Each

Answer 1

您的选择器有误。 [name=] 和 [data-doknumber] 之间不应包含空格。它也应该是 ^= 以仅以开头:

".dokMalProd input[name='check2'][data-doknumber^='S']" 

alert($("#forbDokProd").find(".dokMalProd input[name='check2'][data-docnumber^='S']").length)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="forbDokProd">
  <div id="doc" class="docParent dokMalProd">
    <input type="checkbox" name="check2" class="ballu" value="123" data-docnumber="S004">
    <input type="checkbox" name="check2" class="ballu" value="123" data-docnumber="B004">
    <input type="checkbox" name="check2" class="ballu" value="123" data-docnumber="B005">
  </div>
</div>

---

还有其他拼写错误:缺少结束 ]，错误的 HTML 结构和选择器。