【发布时间】：2022-02-04 18:43:31
【问题描述】：
wrap(); 本身运行良好，但在 load(); 之后调用它时就不行了。
可以做些什么来让它发挥作用？我试图将wrap(); 代码放在一个单独的 .js 文件中，但这不起作用。我也尝试将wrap();加载到里面：$( window ).on( "load", function() { ... })，然后放到html的页脚里面，也没有解决问题。
这是我的代码：
$('.page-id-202 #partner, .page-id-201 #partner').load('https://webhelytervezo.hu/ #gallery-1');
$(".gallery-item").each(function() {
$(this).wrap($("<a/>").attr("href", "http://" + $(".gallery-caption", this).text().trim()));
$("#gallery-1 a").attr('target','_blank');
});figcaption{
display: none;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="gallery-1" class="gallery galleryid-9 gallery-columns-3 gallery-size-full"><figure class="gallery-item">
<div class="gallery-icon landscape">
<img width="200" height="74" src="https://webhelytervezo.hu/wp-content/uploads/2022/01/cup_revolution_logo.jpg" class="attachment-full size-full" alt="" loading="lazy" aria-describedby="gallery-1-49">
</div>
<figcaption class="wp-caption-text gallery-caption" id="gallery-1-49">
www.web.cuprevolution.eu
</figcaption></figure><figure class="gallery-item">
<div class="gallery-icon landscape">
<img width="200" height="74" src="https://webhelytervezo.hu/wp-content/uploads/2022/01/areklam.jpg" class="attachment-full size-full" alt="" loading="lazy" aria-describedby="gallery-1-39">
</div>
<figcaption class="wp-caption-text gallery-caption" id="gallery-1-39">
www.areklam.hu
</figcaption></figure><figure class="gallery-item">
<div class="gallery-icon landscape">
<img width="200" height="74" src="https://webhelytervezo.hu/wp-content/uploads/2022/01/coca_cola.jpg" class="attachment-full size-full" alt="" loading="lazy" aria-describedby="gallery-1-48">
</div>
<figcaption class="wp-caption-text gallery-caption" id="gallery-1-48">
www.coca-cola.hu
</figcaption></figure><figure class="gallery-item">
<div class="gallery-icon landscape">
<img width="200" height="74" src="https://webhelytervezo.hu/wp-content/uploads/2022/01/arkad.jpg" class="attachment-full size-full" alt="" loading="lazy" aria-describedby="gallery-1-40">
</div>
<figcaption class="wp-caption-text gallery-caption" id="gallery-1-40">
www.arkad.hu
</figcaption></figure><figure class="gallery-item">
<div class="gallery-icon landscape">
<img width="200" height="74" src="https://webhelytervezo.hu/wp-content/uploads/2022/01/besttv.jpg" class="attachment-full size-full" alt="" loading="lazy" aria-describedby="gallery-1-41">
</div>
<figcaption class="wp-caption-text gallery-caption" id="gallery-1-41">
www.besttv.hu
</figcaption></figure>
</div>编辑 1# 和 2#：
我需要将每个#gallery-1 的.gallery-items 从https://webhelytervezo.hu/ 加载到具有.page-id-202 类(https://webhelytervezo.hu/en/) 的页面的#partner div 和具有@ 类的页面987654336@ (https://webhelytervezo.hu/en/)。该代码仅适用于主页（内容未加载但无需加载）。
编辑 3#
现在代码是：
jQuery(document).ready(function( $ ){
$('.page-id-202 #partner, .page-id-201 #partner').load('https://webhelytervezo.hu/ #gallery-1', function(){
$(".gallery-item").each(function() {
$(this).wrap($("<a/>").attr("href", "http://" + $(".gallery-caption", this).text().trim()));
$("#gallery-1 a").attr('target','_blank');
})
});
$(".gallery-item").each(function() {
$(this).wrap($("<a/>").attr("href", "http://" + $(".gallery-caption", this).text().trim()));
$("#gallery-1 a").attr('target','_blank');
})
});
如何简化？
【问题讨论】：
标签： javascript html dom jquery-load jquery-wrap