使用javascript链接所有li或img标记

使用javascript链接所有li或img标记,javascript,iframe,hyperlink,tags,parent,Javascript,Iframe,Hyperlink,Tags,Parent,嘿,我有一个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.

嘿,我有一个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”应滚动父文档。带有缩略图列表的厨房包含在IFrame中。有人能帮忙吗

我试着替换

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

(函数($){
var站点=$(“#拇指列表”);
site.html(site.html()
.更换(/检查此小提琴

使用jquery的
wrap()
方法环绕对象

$("#thumb-list").each(function(){
 $(this).find("img").wrap("<a href='#gallerytop'></a>");   
});   
$(“#拇指列表”)。每个(函数(){
$(this.find(“img”).wrap(“”);
});   

因为您使用的是jQuery,所以可以尝试以下方法:

$('#thumb-list img').each(function(){
  $(this).wrap('<a href="#gallerytop" />');
});
$('#拇指列表img')。每个(函数(){
$(此).wrap(“”);
});
您可以执行以下操作:

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

如果您不发布您尝试的内容,我们将无法帮助您修复代码。使用
querySelectorAll
查找所有
img
标记,然后使用
insertBefore
添加
a
标记的循环。缩略图位于Iframe中,我如何在父文档(主框架)中滚动到anker链接#gallerytop…thx我的代码…父文档:window.ScrollToTop=function(){$('html,body',window.document).动画({'scrollTop':$('page1').offset().top},1000);};Iframe:$(function(){$(“#thumb list li”).each(function(){$(this.find(“img”).wrap(“”;});
$('li').children().wrap('<a href=""></a>');