jquery如何在嵌套div中获取图像的html?

时间:2013-07-23 21:43:05

标签: jquery html

我有以下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());

感谢任何帮助。

由于

1 个答案:

答案 0 :(得分: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);
}