用jQuery能否往动态<DIV></DIV>中添加<a herf></a>
因为要做 插件面向触摸屏的使用，在div中写入了a herf 来调用图片，但是现在页面需要从数据库中取出页面标签不用手动写入，所以现在页面中是从数据库中取出的页面标签拼合的，页面显示就只有若干个div和div中包含的<img src="2.png" alt="demo">，现在需要用jquery来动态的获取每个DIV中的img加以修改再赋还给div，
有herf的写法
<div class="wrap" >
<a id="demo2" href="3.png" target="_blank">
<img src="1.png" alt="demo2">
</a>
</div>
无herf的写法
<div class="wrap">
<img src="2.png" alt="demo2">
</div>
希望能通过jQuery来把无herf的写法这个给换成上面有herf的状态，并且能取多个div的（不止举例的这一个div）而且id=demo这个是插件面向触摸屏必须使用的（demo，demo2.。。。。）
<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<title>学了又学</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (function ()
{
$ ("div.wrap>img").each (function (i, dom)
{
var me = $ (this);
me.wrap ("<a id='" + me.attr ("alt") + "' href='" + me.attr ("src") + "' target='_blank'></a>");
})
});
</script>
</head>
<body>
<div class="wrap">
<img src="1.png" alt="demo1">
</div>
<div class="wrap">
<img src="2.png" alt="demo2">
</div>
<div class="wrap">
<img src="3.png" alt="demo3">
</div>
</body>
</html>
<html>
<head>
<meta charset=UTF-8>
<title>学了又学</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (function ()
{
$ ("div.wrap>img").each (function (i, dom)
{
var me = $ (this);
me.wrap ("<a id='" + me.attr ("alt") + "' href='" + me.attr ("src") + "' target='_blank'></a>");
})
});
</script>
</head>
<body>
<div class="wrap">
<img src="1.png" alt="demo1">
</div>
<div class="wrap">
<img src="2.png" alt="demo2">
</div>
<div class="wrap">
<img src="3.png" alt="demo3">
</div>
</body>
</html>
温馨提示：内容为网友见解，仅供参考
无其他回答
相似回答
