jquery - 将 更改为

Question

我是一名 jQuery 新手，需要一些帮助。 Jquery是否可以更改<div>到<a>动态地取决于 <div> 的类是？我进行了搜索，但找不到任何关于使用 .add()、.append() 或 .html() 执行此类操作的引用

例如我想更改此:

"<div class="item"><div class="caption">pic1</div></div>"

对此:

"<a class="item" href="#"><div class="caption">pic1</div></a>"

感谢您提供的任何帮助或建议。迈克

Answer 1

您可以尝试jQuery.replaceWith() 。您可能希望将其与 jQuery.get() 结合使用。 .

另一种选择是使用操作函数来获取标签的子级，解开标签，然后使用所需的标签包装子级。

jQuery('.item').children().unwrap().wrap('<a></a>');

但是，正如 Andy 在评论中指出的那样，div 不能存在于 a 标记内。这不是语义上正确的 HTML。您想从这样做中获得什么好处？

<小时/>

编辑:我看到您在更新答案时更改了问题。看来你最好这样做(Silkster 提到的不同版本):

jQuery(document).delegate('.item', 'click', function (e) { /* Do something here */ });

jQuery.delegate()