gpt4 book ai didi

javascript - jQuery 或 JS - 如果父图像不是 ,如何包装图像?

转载 作者:行者123 更新时间:2023-12-04 09:15:29 25 4
gpt4 key购买 nike

我正在努力让它工作。
我需要在 div 中包装不可“点击”的图像。
作为 a 的 child 的图像不应被包装。
我做了以下事情:

if ($(window).width() > 960) {
if (!$("img").parent().is("a")) {
$("img").wrap('<div class="clickable_image"></div>');
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<p>
<img class="alignnone wp-image-60001 size-full" src="http://placekitten.com/g/200/300" alt="yyyyy" width="1400" height="1686">
</p>

<p>
<a href="https://google.com" target="_blank">
<img class="alignnone wp-image-60003 size-full" src="http://placekitten.com/g/500/300" alt="xxxx" width="1500" height="350">
</a>
</p>

但是我犯了一些错误,因为它没有包装任何图像。如果我删除!,它会包装两个图像。只有不在 a 内的图像应该被包装。我如何做到这一点?

最佳答案

您可以使用后代选择器仅包装 img p 的子元素:

if ($(window).width() > 960) {
$('p > img').wrap('<div class="clickable_image" />');
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>
<img class="alignnone wp-image-60001 size-full" src="http://placekitten.com/g/200/300" alt="yyyyy" width="1400" height="1686">
</p>
<p>
<a href="https://google.com" target="_blank">
<img class="alignnone wp-image-60003 size-full" src="http://placekitten.com/g/500/300" alt="xxxx" width="1500" height="350">
</a>
</p>

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com