jquery - 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，因为类 lid 的 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);
}