jQuery内容追加代码不起作用

时间:2012-05-21 06:22:02

标签: jquery

jQuery需要内容附加到另一个html标记,我的代码无法正常工作

<li>
    <div class="content">
      <div class="overview">this is text</div>
      <p></p>
    </div>
</li>

$('li').each(function(){

    var des = $('.content .overview',this).text();
    $ ('.content .overview',this)contents().appendTo($('.content p'));
    console.log(des)

});

http://jsfiddle.net/daBYQ/

3 个答案:

答案 0 :(得分:4)

你可以更轻松地做到这一点:

$(".content p").text(function(){
    return $(this).prev().text();   
});​​​​​​​

小提琴:http://jsfiddle.net/daBYQ/2/

jQuery将原生地对匹配的元素执行隐式循环,.text方法允许我们向它传递一个匿名函数,我们可以从中捕获早期兄弟的文本内容到当前正在处理的段落。

答案 1 :(得分:4)

$( '礼')。每个(函数(){

var des = $('.content .overview',this).text();
$ ('.content .overview',this).contents().appendTo($('.content p'));
console.log(des)

});

你错过了“。” .contents()

答案 2 :(得分:0)

$('li').each(function(){    
    var des = $('.content .overview',this).text();
    $ ('.content .overview',this).contents().appendTo($('.content p'));
    console.log(des)    
});