无法使用jquery </p>按类到达嵌套的<p>元素

时间:2012-10-18 12:52:34

标签: javascript jquery

我使用类&#34来删除和隐藏所有嵌套元素(没有成功);删除&#34;在div里面

这是附加元素的代码片段

$('<li id="com'+msg[key]['id']+'"></li>').prependTo('.mCSB_container').html('<div class="acomments"> <img src="'+url_Avatar+'" alt="Avatar fotomontaggio" /></div><div class="tcomments"><h1>'+nome+'</h1><p class="text">'+commento+'</p><p class="differenza">'+dif+'</p>**<p class="remove" id="r'+msg[key]['id']+'">rimuovi commento</p></div>');

这是试图隐藏这些元素的脚本

$(document).ready(function() { $('.remove').hide();});
有人可以帮帮我吗?我无法摆脱这个......

1 个答案:

答案 0 :(得分:0)

假设你有

$(function() {
    ...
    $('<li id="com'+msg[key]['id']+'"></li>').prependTo('.mCSB_container').html('<div class="acomments"> <img src="'+url_Avatar+'" alt="Avatar fotomontaggio" /></div><div class="tcomments"><h1>'+nome+'</h1><p class="text">'+commento+'</p><p class="differenza">'+dif+'</p>**<p class="remove" id="r'+msg[key]['id']+'">rimuovi commento</p></div>');

    ...
});

$(document).ready(function() { $('.remove').hide();});

隐藏代码在添加之前运行(在加载之前准备就绪)。这意味着它什么都不隐藏。

解决方案是确保在创建元素后执行隐藏代码:

$(function() {
    ...
    $('<li id="com'+msg[key]['id']+'"></li>').prependTo('.mCSB_container').html('<div class="acomments"> <img src="'+url_Avatar+'" alt="Avatar fotomontaggio" /></div><div class="tcomments"><h1>'+nome+'</h1><p class="text">'+commento+'</p><p class="differenza">'+dif+'</p>**<p class="remove" id="r'+msg[key]['id']+'">rimuovi commento</p></div>');

    ...
    $('.remove').hide();
});