jquery如何獲取嵌套div中的圖像的html？

Question

我有以下的HTML

<a class="lid" id="1"> 
    <div class="map_image"> 
     <img width="220" height="145" alt="" src="photo.jpg" typeof="foaf:Image"> 
    </div> 
    </a> 

進出口使用下面的jQuery來獲得一個鏈接的ID。

function onlid { 
    .setContent($(this).attr("id")); 
    } 

    $('.lid').on('mouseover', onlid); 

在這種情況下，內容

因此被設置爲1，作爲一個階級蓋的ID爲1

我想是什麼讓整個HTML和1

後設置

所以內容會

1 <img width="220" height="145" alt="" src="photo.jpg" typeof="foaf:Image"> 

我試着像

 .setContent($(this).attr("id") + $(this.map_image).html()); 

任何幫助表示讚賞。

謝謝

Answer 1

從你的問題，它不是完全清楚你想要用HTML做什麼。

此代碼應尋找與該定位標記您的map_image類內的HTML，並提醒它：

function onlid (event) { 
    var $lid = $(event.target); 
    var imgHTML = $lid.find('.map_image')[0].innerHTML; 
    var lidId = $lid.attr('id'); 
    alert(lidId + imgHTML); 
}