同じクラスを使用して異なる高さを表示するには、jquery から一意の結果を取得する必要があります。jsFiddle での問題を示すために変更したサンプルを次に示します。「this」が .click または .hover イベントで使用できることは知っていますが、この状況でどのように機能させるかはわかりません。手伝って頂けますか?
$(window).ready (function(){
$("div").text($("span").outerHeight(true));
});
$(window).ready (function(){
$("span").each(function(){
$(this).next('div').text($(this).outerHeight(true));
})
});
これは各スパンを通過し、そのすぐ隣にある div にそのスパンの高さのテキスト値を割り当てます。
id
属性をもっと使用する必要があります。
$(window).ready (function(){
$("#uno").text($("#one").height());
$("#dos").text($("#two").height());
});