javascript - jquery奇怪地解析自定义标签

Question

我遇到以下问题:http://jsfiddle.net/x55LD/1/

我正在尝试使用 jQuery 1.6 解析自定义标签。它工作正常，除非标签位于 <select> 内。标签。例如:

var string = '<div><blah></blah><select><blah></blah></select></div>';

$(string).find('blah').each(function() {
    console.log("Found tag!");
});

这只会记录一条消息，尽管存在两条 <blah>标签。第二个<blah> <select> 内的标签不会被识别。有谁知道为什么会发生这种情况？

Answer 1

问题在于，解析的不是 JavaScript 或 jQuery，而是浏览器。尽管你可能会认为<select>标记为您自己的自定义交易，浏览器不同意并希望它仅包含 <option>或<optgroup>标签。

当您像这样通过 jQuery 包装字符串时，内部发生的事情是 jQuery 将字符串作为临时元素的“innerHTML”传递给浏览器。浏览器期望它能够处理 HTML，因此当它看到非法标记时，它基本上会按照它想要的方式进行处理。也许有些浏览器会留下 <blah>单独标记，但其他标记不会。