$(これ)の子孫クラスにどのように追加することができますか?私は
<div>
<div class='target'></div>
</div>
<div>
<div class='target'></div>
</div>
$('div').click(function(){
$('<div>hello</div>').prependTo('.target');
});
$(これ)の子孫クラスにどのように追加することができますか?私は
<div>
<div class='target'></div>
</div>
<div>
<div class='target'></div>
</div>
$('div').click(function(){
$('<div>hello</div>').prependTo('.target');
});
のみハンドラ内this
を使用する(だけでなく、下記を参照してください、その後、関連するdivをフック...実際にはこの例ではクリックされていますdivの前に追加したい、私はあなたの質問を読むことができる2つの異なる方法):イベントハンドラ内
$('div.target').click(function(){
$('<div>hello</div>').prependTo(this);
});
はjQueryを介して、フックアップ、this
は、あなたがそれにハンドラがイベントを受信夢中特定のDOM要素を指します。詳細については、bind
またはon
のドキュメントを参照してください。
Live example(あなたはまた、最後に}
と)
は、構文エラーを引き起こし、逆転していた。)
あなたの目標は、ターゲットのdivの前で外のdivプリペンド上の任意の場所をクリックを持っているのであれば、それはより多くのこのようなものだ:
$('div').click(function(){
// Look for "target" divs within this div
var target = $(this).find("div.target");
// Did we find any?
if (target[0]) {
// Yes, prepend to it/them
$('<div>hello</div>').prependTo(target);
// And stop the event
return false;
}
});
Live exampleあり、我々は再びthis
を使用しているが、今回はdiv
イベントはが含まれているために伝播したかどうかを確認するためにそれを使用していますは "target"クラスです。その場合は、「hello」divの先頭に「return false;
」と入力してください(代わりにevent.stopPropagation();
を使用してください)。
$('div.target').click(function(){
$('<div>hello</div>').prependTo($(this));
});
角カッコで間違いがあります。
$('div.target').click(function(){
$(this).prepend('<div>hello</div>');
});
更新:あなたはクリックを追加する必要がありますあなたはまず、これまでのようなものをこれとプリペンドを選択することができ、またhttp://jsfiddle.net/8SrAW/
:あなたはそれが})
フィドルする必要があり、)}
を与えていますターゲットにすべてのdivに代わって、またはダブルイベントがあります。
閉じ括弧 "}}"が逆転しているため、動作しません。 –
@ dku.rajkumar:私はそれを指摘しました。 –
cooooooool ...... –