javascript - js 找到子節點img並更改src

Question

    <a href="$val[description]" class="product_hov">
            <p class="pv">
              <p 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]')"/>
                    <p class="product_di">
                               <dd clss="product_nm">$val[title]</dd>
                                <p class="product_long">
                                    <font class="product_wz" style="text-align: center;">$val[issue]</font>
                                </p>
                        </p>

            </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);
}

Answer 1

雷雷

Answer 2

你在img 標籤上加個class或id 滑鼠在 a 標籤上onmouse 的時候 去找對應class 或這個id 不就找到img了嗎?然後切換img src值

Answer 3

雷雷 雷雷

Answer 4

你們 具體是這樣的

$("a").hover(function(){
// 進去
$(this).find('img').src('')
},function(){
$(this).find ('img').src('')
//出來
});