jquery通过data-id查找元素

Question

通过data-No查找子元素，这样写报错$("#product").find(div[data-No=10])，求正确方法

<div id="product">
    <div class="card" data-No="10" >
       
    </div>
</div>

Answer 1

该回复引自免费微信小程序-皆我百晓生:

---

在使用jQuery选择器时，对于包含特殊字符（如破折号、斜杠等）的属性值，需要进行引号包裹，以避免语法错误。

正确的写法是使用双引号或单引号将属性值包裹起来。在这种情况下，您可以使用以下代码来通过data-No属性查找子元素：

$("#product").find('div[data-No="10"]');

或者使用双引号：

$("#product").find("div[data-No='10']");

这样可以确保选择器正常工作并找到具有data-No属性值为10的子元素。