用jquery 怎么给div里所有的img标签添加一个a标签

用jquery 怎么给div里所有的img标签添加一个a标签,第1张

你好!

根据描述,需求是:给div.spotlight-group下的img元素外层包镇姿裹一个<a>标签,并且它的href属性与img的雀悉src属性顷旅乎相同。

可以使用jQuery的wrap包裹函数进行 *** 作。

希望对你有帮助!

<script type="text/javascript">

<!--

function cl(){

var Con=document.getElementById('Con')

var Re=/(<img[^>]*>)/gi

Con.innerHTML=Con.innerHTML.replace(Re,'<a href=abc.com>$1</a>')//这宽芦里洞告的abc.com可以换成你要的网址

}

//-->

</script>

<div id="Con">

<img src="1.jpg" width="70" height="70">中

<img src="1.jpg" width="70" height="70"><br>

<b>纳巧明<img src="1.jpg" width="70" height="70">

<img src="1.jpg" width="70" height="70">

<img src="1.jpg" width="70" height="70">

</div>

<input type="button" value="Link" onclick="cl()">

试试在源码中把a标签和img标签放在同一行,浏览器会把陪数源码中的换行符解释成一个空格的芦睁首。早燃

或者给a标签添加一个 display:inline-block 的style。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11987365.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存