1

<a href="#">Barbara is so nice</a>複数の要素を含むリストのアンカーhtml値をクローンしてdivコンテナに追加するにはどうすればよいですか。要素のクローンを作成.counterしてコンテナに追加することはできますが、アンカーを使用できません。

ここでjsFidleを作成しました

これが私のjsコードです：

$(window).load(function(){
    $('.ordered-list li a').on("click", function() {
        var button = $(this);
        $('.overlay').fadeIn('slow',function(){
            button.find('.user-comment-list').clone().fadeIn(1000).appendTo('.overlay-content-inner');
            button.find('.counter').clone().appendTo('.overlay-title-content');
    });
});
    $('.icon-remove').click(function(){
        $('.overlay').fadeOut('slow');
        $('.overlay-content-inner, .overlay-title-content').empty();
    });
});
4

1 に答える 1

0

アンカー値を取得できない理由がわかりません。あなたはすでにアンカーにいます。

$('.ordered-list li a').on("click", function() {

クリックイベントをアンカーにバインドしています。これは、現在のアンカーを参照するローカル変数に名前を付けるという混乱を助長するだけですbutton。

それ以外の：

button.find('.counter').clone().appendTo('.overlay-title-content');

代わりにアンカーHTMLを追加する場合は、次のように実行できます。

$('.overlay-title-content').append(button.html());

DEMO-アンカーHTML値を追加します

DEMOへのリンクが古くなった場合に備えて、新しいコードを次に示します。

$('.ordered-list li a').on("click", function() {
    var button = $(this); // not a button! "this" is referencing the clicked anchor.
    $('.overlay').fadeIn('slow', function() {
        button.find('.user-comment-list').clone().fadeIn(1000).appendTo('.overlay-content-inner');
        $('.overlay-title-content').append(button.html());
        //button.find('.counter').clone().appendTo('.overlay-title-content');
    });
});
$('.icon-remove').click(function() {
    $('.overlay').fadeOut('slow');
    $('.overlay-content-inner, .overlay-title-content').empty();
});​

お役に立てれば。

于 2012-09-11T22:39:14.717 に答える