jQuery 中的异常（选择器 [，上下文]）

发布于 2024-12-11 16:53:21 字数 318 浏览 0 评论 0原文

谁能告诉我为什么使用下面的代码会出现异常？

var invalidhtml = '<tr><div id="residualErrors" style="display:none;"></div><form action="" method="post"><table><tr><td></td></tr></table></form></tr>';  

var form = $("form", invalidhtml);

原文

Can anybody tell me why I get an exception using the code below?

var invalidhtml = '<tr><div id="residualErrors" style="display:none;"></div><form action="" method="post"><table><tr><td></td></tr></table></form></tr>';  

var form = $("form", invalidhtml);

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

家住魔仙堡 2024-12-18 16:53:21

我猜想，通过您对 somehtml 的命名，当 jQuery 需要一个对象时，您正在传递一个字符串。

回复收藏 0 原文

萧瑟寒风 2024-12-18 16:53:21

问题是 html 无效，因为“tr”元素下没有“td”元素。 jQuery 通常可以处理这个问题，但如果“tr”元素中的某处还包含一个“表”，那么它会引发异常。

我最初遇到问题的地方是更复杂的 html，所以我希望它可以帮助别人。

下面任何一个有效的 html 示例都可以工作，而无效的则不能。

var invalidhtml = '<tr><form action="" method="post"><table><tr><td></td></tr></table>    </form></tr>';        

var validhtml = '<tr><form action="" method="post"></form></tr>';        

var validhtml2 = '<div><form action="" method="post"><table><tr><td></td></tr></table>    </form></div>';        

var validhtml3 = '<table><tr><td><form action="" method="post"><table><tr><td></td></tr></table></form></td></tr></table>';        

var validhtml4 = '<tr><td><form action="" method="post"><table><tr><td></td></tr></table>     </form></td></tr>';        

var form = $("form", validhtml);
form = $("form", validhtml2);
form = $("form", validhtml3);
form = $("form", validhtml4);
form = $("form", invalidhtml); // crash here in ie, proper browsers fail silently

The problem is that the html is invalid as there is no "td" element under the "tr" element. jQuery can normally handle this but if there is also a "table" included within the "tr" element somewhere then it raises an exception.

The original place where I had the problem was much more complicated html so I hope it helps somebody.

Any of the validhtml examples below work, the invalid one does not.

var invalidhtml = '<tr><form action="" method="post"><table><tr><td></td></tr></table>    </form></tr>';        

var validhtml = '<tr><form action="" method="post"></form></tr>';        

var validhtml2 = '<div><form action="" method="post"><table><tr><td></td></tr></table>    </form></div>';        

var validhtml3 = '<table><tr><td><form action="" method="post"><table><tr><td></td></tr></table></form></td></tr></table>';        

var validhtml4 = '<tr><td><form action="" method="post"><table><tr><td></td></tr></table>     </form></td></tr>';        

var form = $("form", validhtml);
form = $("form", validhtml2);
form = $("form", validhtml3);
form = $("form", validhtml4);
form = $("form", invalidhtml); // crash here in ie, proper browsers fail silently

回复收藏 0 原文

~没有更多了~