查找并更改特定容器中的图像和CSS

时间:2017-03-21 19:03:47

标签: javascript jquery

确定,

我有这个:页面上的某个地方:

<a href="http://www.brand-mark.de/brandimpact/">
<i class="menu_icon fa blank"></i>
<span class="menu-text">
<img width="174" height="49" title="XYZ" alt="XYZ" src="http://www.xyz.png">
<noscript><img width="174" height="49" title="XYZ" alt="XYZ" src="http://www.xyz.png"><noscript>
</span>
</a>

并且必须更换内部的所有内容&#34; span class =&#34; menu-text&#34;&#34; (img和noscript标签)

与其他类似的东西:

<span class="menu-text">
<img width="200" height="100" title="newtitle" alt="newalt" src="newsrc.png">
<noscript><img width="200" height="100" title="newtitle" alt="newalt" src="newsrc.png"></noscript>
</span>
</a>

如何在页面加载时在jQuery中执行此操作?

1 个答案:

答案 0 :(得分:1)

你用这个

$(function(){
    $('.menu-text img')
    .attr('src','newsrc.png')
    .attr('alt','newalt')
    .attr('title','newtitle');
    $('.menu-text noscript').html($('.menu-text img').clone());
});

JSFiddle