拆分html标签

时间:2014-07-25 20:17:19

标签: javascript jquery html split

<div id="id1">
    "Hi HElP ME
    <br>
    <p>ok<p>
    <div>
         <img class = "some class src="">
    </div>
    <b>ok1<b>
    <div>
         <img class = "some class src="">
    </div>
    <p>end<p>
</div>

I want to split this html content such tha output will be:

$("#id1").find('img').each(function(){
    var result = somefunction(this)
    alert(result)
    //After first loop- "Hi HElP ME<br><p>ok<p>
    // Second time =<b>ok1<b>
    // third time  = <p>end<p>
})

有人可以给我演示这个。由于图片数量没有显示所以请给我一个通用的解决方案

2 个答案:

答案 0 :(得分:1)

看起来你的id选择器被错误地引用了。它应该是$(&#34;#1&#34;)而不是$(&#34;#id1&#34;)。

容易犯错,但很难找到。

答案 1 :(得分:1)

$('#id1').find('img').each(function(index){


var split_text = $(this).html().split(/<img[^>]*>/)[index];
alert(split_text)
});