javascript - JQueryはクリック時に選択したアイテムに追加します

Question

要するに、私はこの構造のページに一連のdivを持つようになります：

<div id="statuses">
   <p><?php echo $status; ?></p>
   <div id="statuscom">
      <a id="comment" href="#">Comment</a>
   </div>
</div>

そして、コメントhrefがクリックされたときに、クリックされたdivに別のdivを追加し、そのdivのみを追加したいと思います。

私はこれを持っています：

$(function {
    $("a#comment").click(function() {  
        $(this).append("<div id=\"statuscomadd\"</div>");
    });
});

これは何もしないようですが、繰り返しになりますが、助けていただければ幸いです。

score 1 · Accepted Answer

構文が間違っています（関数にはパラメーターがなく、単純でもありません()）
HTMLが間違っている（div閉じられていない）
ページの読み込み時にクリックハンドラーを作成する場合は、$(document).ready(...)またはを使用します。$(function () {...})
Aタグの横に空のDIVを追加していますが、それが必要ですか？
statuscomadd別のユーザーが言ったように、クリックして複数のdivを追加できるのに、なぜid（）を使用するのですか？クラスを使用することをお勧めします。または、divを1つだけ追加する必要がある場合は、.one()ハンドラーを使用します。

試す：

$(function () {
    $("a#comment").click(function() {  
        $(this).append("<div class=\"statuscomadd\"></div>");
    });
});

score 1 · Accepted Answer

まず、同じID（コメント）を持つ複数のタグを同じページに配置しないでください。

そうは言っても、コードにはいくつかの問題があります。での括弧の欠落、タグfunctionへの追加、<a>およびHTMLの構文の問題です。全体として、次のようになります。

$(function() {
    $("a#comment").click(function() {  
        $("<div id=\"statuscomadd\"></div>").insertAfter(this);
    });
});

score 0 · Accepted Answer

タグにdivを追加しないでください。代わりに、そのタグの後に（または前に）追加する必要があります

$(function() {
    $("a#comment").click(function() {  
        $('<div id="statuscomadd"></div>').insertAfter(this);
    });
});

score 0 · Accepted Answer

構文が間違っているdivが閉じられていない

$(function {
    $("a#comment").click(function() {  
    $(this).append("<div id=\"statuscomadd\"></div>");
   });
 });

4 に答える 4