Question

JS获取某DIV区域内图片或带ID属性的IMG图片代码修改

<script type="text/javascript">
function showImg( url ) {
var frameid = 'frameimg' + Math.random();
window.img = '<img id="img" src=\''+url+'?'+Math.random()+'\' /><script>window.onload = function() { parent.document.getElementById(\''+frameid+'\').height = document.getElementById(\'img\').height+\'px\'; }<'+'/script>';
document.write('<iframe id="'+frameid+'" src="javascript:parent.img;" frameBorder="0" scrolling="no" width="100%"></iframe>');
}
</script>
<script type="text/javascript">showImg('图片地址');</script>

目前使用的是以上代码动态在家图片,我想达到以下效果
第一种:
<div class="imgabcdefg">
<img src="图片地址"/>
</div>
或者第二种:
<img id="img123456" src="图片地址"/>
以上两种在网页模板修改代码就可以,如果按照JS的代码要把原来的
<img src="图片地址"/>
修改成
<script type="text/javascript">showImg('图片地址');</script>那么工作量太大了,
只好用JS获取到DIV区域的img图片然后用上面的代码框架动态输出图片,
只要达到这个效果即可,JS也行,JQUREY参照以上代码改也行

Answer 1

第一种：
$(function(){
$(".imgabcdefg img").css("width","100px");

})
第二种：
<script>
$(function(){
$(".head_menu ul").find("li").each(function(){
$(this).each(function(){
if($(this).attr("id")){
alert($(this).html());
//alert($(this).attr("id"));
}
});
});

})
</script>

<div class="head_menu">
<ul>
<li><a href="#">第一个</a></li>
<li id="2"><a href="#">第二个</a></li>
<li><a href="#">第三个</a></li>
</ul>
</div>