Question

我有类似的代码

<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>

我想把这行作为文本：

<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吗？

Answer 1

如果这是DOM中的内容，则按ID选择，然后使用.outerHTML。

document.getElementById("det_img_54695526fb066709b3_17149").outerHTML;

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

document.getElementById("det_img_link_54695526fb066709b3_17149").innerHTML;

Answer 2

如果您知道img的id，那么您可以这样做：

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

...否则，您可以尝试进一步使用.cm-image-wrap课程：

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

Answer 3

您可以使用

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

什么代码可以解析div？

3 个答案: