Question

我需要闪现性别和评论的颜色变化（将它们闪烁并再次转回原始状态）

  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);

但它会对整个divData应用flash效果，而不是h2和p元素。我有什么方法可以只为性别和评论做这件事吗？

我也不希望这种情况发生在其中有divData元素的其他div单元中（不闪烁其他人对象，只是被更改的对象）

我试图将“”+ person.gender +“”作为一个单独的变量拉出来并对其应用效果，这也不起作用。

Answer 1

如果我理解正确，您需要以下内容，

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

DEMO点击添加按钮。

如何使用jQuery UI为div元素中的文本闪烁颜色变化？

1 个答案: