1

性別とコメントの色の変化をフラッシュする必要があります（赤くフラッシュして元に戻します）

  var dataDIV = $("<div id="+dataDivId+" class=\"data\"></div>");
  $("#data").append(dataDIV);
  var divData= $(
   "<h3 class=\"name\">"+person.name+"</h3>"+
   "<h2 class=\"gender\">"+person.gender+"</h2>"+
   "<p class=\"comment\">("+person.comment+")</p>"
   );   
  $("#"+dataDivId).html(divData);

私はそれをやろうとしました:

 $(divData).effect("highlight", {color:"#FF0000"}, 1500);

ただし、h2 要素と p 要素ではなく、divData 全体にフラッシュ効果が適用されます。性別とコメントだけでできる方法はありますか？

また、この divData 要素を含む他の div ユニットでこれが発生することを望んでいません (他の人のオブジェクトをフラッシュするのではなく、変更されているオブジェクトだけをフラッシュします)。

""+person.gender+"" を別の変数として取り出して効果を適用しようとしましたが、それも機能しませんでした。

4

1 に答える 1

2

私が正しく理解していれば、以下のようなものが必要です。

$('.gender, .comment', $('#' + dataDivId)).effect("highlight", {
   color: "#FF0000"
}, 1500);

デモ追加ボタンをクリックします。

于 2012-05-01T15:50:54.550 に答える