javascript - js 找到子节点img并更改src

问题描述

问 题

    <a href="$val[description]" class="product_hov">
            <div class="divv">
              <div class="dii" onMouseOver="this.style.backgroundColor='#00755D'"  onMouseOut="this.style.backgroundColor='#DADADA'">

              <img src="$val[imgurl]" alt="$val[title]" title="$val[title]" width="{$lang_imgwidth}" height="{$lang_imgheight}" class="product_img" onMouseOver="change_img_product(this,'$val[imgurls]')" onMouseOut="change_imgs_product(this,'$val[imgurl]')"/>
                    <div class="product_di">
                               <dd clss="product_nm">$val[title]</dd>
                                <div class="product_long">
                                    <font class="product_wz" style="text-align: center;">$val[issue]</font>
                                </div>
                        </div>

            </a>
            

现在是鼠标停留在 img 上才更改图片src 我想直接在 a 链接上加 Onmouse属性如何找到这个img的节点,并更改img的src呢 谢谢了

function change_img_product(obj,img){

        
    $(obj).attr("src",img);
}
function change_imgs_product(obj,img){

    $(obj).attr("src",img);
}

解决方案

$("a").on('mouseover',function () {
    $(this).find('img').src('')
});

这篇关于javascript - js 找到子节点img并更改src的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！