将<div>更改为<a>

Question

我是一名新手jQuery学生,需要一点帮助.Jquery是否可以根据类的类别动态地将a更改<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>');

但是,正如安迪在评论中指出的那样,标签div内部不存在a.这不是语义上正确的HTML.你试图从中得到什么好处？

编辑:我看到你在更新我的答案时改变了你的问题.看起来你做这样的事情会更好(Silkster提到的不同版本):

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

jQuery.delegate()