使用 javascript 链接所有 li 或 img 标签答案

【问题标题】：Link all li or img Tags with javascript使用 javascript 链接所有 li 或 img 标签
【发布时间】：2014-07-15 06:04:53
【问题描述】：

嘿，我有一个galleryscript，它可以生成一个带有缩略图的ul 列表。现在我想为所有这些缩略图提供相同的链接。这就是缩略图列表：

<ul id="thumb-list" style="width: 2397px; left: 0px;">
    <li class="thumb0"><img src="img/th/0.jpg"></li>
    <li class="thumb1"><img src="img/th/1.jpg"></li>
    ...
</ul>

我希望它是：

<ul id="thumb-list" style="width: 2397px; left: 0px;">
    <li class="thumb0"><a href="#gallerytop"><img src="img/th/0.jpg"></a></li>
    <li class="thumb1"><a href="#gallerytop"><img src="img/th/1.jpg"></a></li>
    ...
</ul>

此anker 链接“#gallerytop”应滚动父文档。带有缩略图列表的 Galley 作为 IFrame 包含在内。有人可以帮忙吗？

我试过js替换...

<script type="text/javascript"> 
(function($) {
var site = $("#thumb-list");
site.html(site.html()
.replace(/<img /g, '<img href="#gallerytop"')
); 
return; })(jQuery) </script>

或通过包装

<script type="text/javascript">   
var a = $("<a>").attr("href", "#gallerytop");
$("img").wrap(a);
</script>

没有任何帮助：/

缩略图位于 iframe 中，我如何无法滚动到父文档（主框架）中的 anker 链接#gallerytop...抱歉英语不好

【问题讨论】：

如果您不发布您尝试过的内容，我们将无法帮助您修复您的代码。
使用querySelectorAll查找所有img标签，然后使用insertBefore循环添加a标签。
缩略图位于 iframe 中，我如何无法滚动到父文档（主框架）中的 anker 链接#gallerytop...

标签： javascript iframe hyperlink tags parent

【解决方案1】：

检查这个小提琴。 http://jsfiddle.net/JayKandari/bX2PH/2/

使用 jquery 的 wrap() 方法包裹对象。

$("#thumb-list").each(function(){
 $(this).find("img").wrap("<a href='#gallerytop'></a>");   
});

【讨论】：

感谢我的代码...父文档： iframe:

【解决方案2】：

由于你使用的是 jQuery，你可以试试这个：

$('#thumb-list img').each(function(){
  $(this).wrap('<a href="#gallerytop" />');
});

【讨论】：

【解决方案3】：

你可以这样做：

$('li').children().wrap('<a href=""></a>');

【讨论】：