Question

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

<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”应滚动父文档。带有缩略图列表的厨房包含在IFrame中。有人可以帮忙吗？

我试过js replace ...

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

或通过wrap

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

没有任何帮助：/

缩略图在Iframe中我如何能够滚动到父文档中的anker链接#gallerytop（主框架）... sry for bad english

Answer 1

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

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

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

Answer 2

由于你正在使用jQuery，你可以试试这个：

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

Answer 3

你可以这样做：

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

用javascript链接所有li或img标签

3 个答案: