【问题标题】:what code can parse div? [closed]什么代码可以解析div? [关闭]
【发布时间】:2013-11-08 17:11:13
【问题描述】:

我有这样的代码

<div id="product_images_54695_update" class="image-border float-left center cm-reload-54695">
<div class="cm-image-wrap"> 
    <span id="box_det_img_link_54695526fb066709b3_17149" class=" larger-image-wrap center">
        <a id="det_img_link_54695526fb066709b3_17149" class="cm-image-previewer cm-previewer" title="" href="/images/detailed/17/p54695_6768912_fotoapparat_olympus_pen_e_pm2_14_42_mm_kit_flash_a.jpg" rev="preview[product_images_54695526fb066709b3]" rel="preview[product_images_54695526fb066709b3]">
            <img id="det_img_54695526fb066709b3_17149" class=" " border="0" width="200" height="200" title="" alt="" src="/images/thumbnails/17/200/200/p54695_6768912_fotoapparat_olympus_pen_e_pm2_14_42_mm_kit_flash_a.jpg">
        </a>
    </span> 
</div>

我想把 js 这行当成文本:

<img id="det_img_54695526fb066709b3_17149" class=" " border="0" width="200" height="200" title="" alt="" src="/images/thumbnails/17/200/200/p54695_6768912_fotoapparat_olympus_pen_e_pm2_14_42_mm_kit_flash_a.jpg">

我可以用 jquery 或本机 javascript 做到这一点吗?

【问题讨论】:

  • $('#det_img_54695526fb066709b3_17149')
  • 几分钟前你已经问过这个问题了:stackoverflow.com/questions/19659417/…
  • 我不明白您为什么需要 HTML 客户端行。你能说明你打算做什么吗?
  • 这确实有 X/Y 问题的味道。

标签: javascript jquery html


【解决方案1】:

你可以使用

$("#det_img_link_54695526fb066709b3_17149").html();

【讨论】:

    【解决方案2】:

    如果这是 DOM 中的内容,则按 ID 选择,并使用 .outerHTML

    document.getElementById("det_img_54695526fb066709b3_17149").outerHTML;
    

    或选择其父级并使用.innerHTML。这假设父母只有一个孩子。

    document.getElementById("det_img_link_54695526fb066709b3_17149").innerHTML;
    

    【讨论】:

      【解决方案3】:

      如果你知道img的id,那么你可以这样做:

      $('<div/>').append($('#det_img_54695526fb066709b3_17149').clone()).html();
      

      ...否则,您可以尝试进一步使用.cm-image-wrap 类:

      $('<div/>').append($('.cm-image-wrap img').clone()).html();
      

      【讨论】:

      • img 元素不包含 HTML,因此这将返回一个空字符串。
      • 谢谢,刚刚注意到并纠正了:)
      猜你喜欢
      • 2010-10-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-03-05
      • 2015-07-20
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多