次のようなコードがあります。
<div id="content">
<div id="child1"></div>
<div id="child2"></div>
</div>
jQueryクリックイベントを使用しています
$('#child1').click(function(){
var page = "value1";
$('#content').hide();
$('#content').load('includes/'+ page +'.php', function () {
$('#content').fadeIn(speed);
});
return false;
});
ただし、読み込まれた #content ID のいずれかのコンテンツをクリックすると、div の子は親 ID を返します。親を無視して子 ID を選択するにはどうすればよいですか?
実際の HTML はもっと複雑なので、ページ上の子の値は単純に #content#child1 ではありません。JS に #content を無視させて #child1 を表示させる方法はありますか?
次のようなコードを使用する場合
$('div').click(function(){
alert($(this).attr("id"));
return false;
});
「#child1」または「#content」をクリックしたときに返される値。