javascript - 如何在 for 循环中使用 .each of jquery 一次突出显示一个标签

标签 javascript jquery html css flot

$(this).click(function){
$('.text').each(function(){
$(this).css('color''#C4BD97')
});
});

这是我的代码,使用 jquery 在单击图表上的相应绘图时突出显示 float 图表中的系列标签。我面临的问题是我单击了浮点图上的点,但只有 yaxis 中的最后一个标签突出显示。我想通过单击相应图上的点来突出显示标签。但是此代码仅突出显示单击该图的最后一个标签。即使在不同系列上单击绘图,也会突出显示相同的最后一个标签。

This function has a for loop where it takes each series to add the label to each  series. 
my function
function addLabels(axis,ticks) {
/*some statements
for(i=1;i<axis.length;++i)
{
  }
*/

addLabels(axes.yaxis,function(tick,axes){
return '<div class="text" style=position: absolute ; some calculation +ticklabel /div>'

最佳答案

我对您的代码进行了 3 次修改。

首先,您的代码中有一个额外的 ),并且您的语句缺少一个分号,并且您的 css() 缺少一个逗号。

接下来,我删除了 .each(),因为它隐含在选择器中。

最后,我假设您只需要被单击元素中的 .text 元素,并告诉它只更改从属于的 .text 的颜色

$(this).click(function(){
   $(this).find('.text').css('color', '#C4BD97');
});

如果我支持第三个变化的假设不正确,那么就使用这个:

$(this).click(function(){
   $('.text').css('color', '#C4BD97');
});

关于javascript - 如何在 for 循环中使用 .each of jquery 一次突出显示一个标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20637322/

相关文章:

javascript - jquery 代码在回发后不起作用

javascript - polymer 模板重复不起作用

javascript - 跨源请求被阻止 : Occur even after CORS enabled on my API ;

jquery - 当我点击 <th> 中的复选框时,我想获取所有匹配该值的 <td> 并打印出来

javascript - 函数 getById Raphael js

jQuery - html 字符串上的选择器

jquery - 如何改进 Jquery 移动应用程序的页面转换?

javascript - 如何将一个文本文件中的代码注入(inject)到 HTML 页面中

html - 绝对 div 的背景图像在滚动时被截断

jquery - 如何在 HTML 标题中添加 css