1

私は(成功せずに)div内のクラス「remove」を持つすべてのネストされた要素に到達して非表示にすることを試みています

これは、要素を追加するコードのスニペットです

$('<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();});

誰かが私を助けてくれませんか?私はこれから抜け出すことができません...

4

1 に答える 1

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();
});
于 2012-10-18T12:56:40.053 に答える