jquery - 如何查找具有特定值 "type"属性的 <script> 元素？

Question

假设随机 HTML 文档中存在以下脚本标记:

<script id="target" type="store">
    //random JavaScript code
    function foo(){
       alert("foo");
    }
    foo();
</script>

谁能解释一下为什么下面的表达式没有找到 script 的 type 属性值为 store 的所有元素。

var sel = $('#target script[type="store"]');

jQuery 版本:v1.7.2Chrome 版本:25.0.1364.172(在 Debian Squeeze 上运行)

Answer 1

您的选择器 $('#target script[type="store"]') 将匹配类型为 store 的任何脚本标记，该标记是具有以下元素的子元素id 目标。您的示例 HTML 并非如此。

如果您想选择 store 类型的所有脚本标签，您的选择器应如下所示:$('script[type="store"]') .

如果您只想选择具有 id target 的特定脚本标记，则可以仅使用 $('#target')。无需更具体，因为 ID 对于该元素应该是唯一的。仅使用 ID 选择器也会更有效，因为 jQuery 可以利用 native document.getElementById() 来选择您的元素(也许是微优化，但仍然......)