Javascript 如何使用。for循环中的每个jquery一次高亮显示一个标签
这是我的代码,在单击图上相应的绘图时,使用jquery突出显示flot图中系列的标签。我面临的问题是我点击了flot图上的点,但只有yaxis中的最后一个标签高亮显示。我想通过单击相应绘图上的点来高亮显示标签。但此代码仅高亮显示单击的最后一个标签。即使在不同系列上单击“绘图”,最后一个标签也会高亮显示Javascript 如何使用。for循环中的每个jquery一次高亮显示一个标签,javascript,jquery,html,css,flot,Javascript,Jquery,Html,Css,Flot,这是我的代码,在单击图上相应的绘图时,使用jquery突出显示flot图中系列的标签。我面临的问题是我点击了flot图上的点,但只有yaxis中的最后一个标签高亮显示。我想通过单击相应绘图上的点来高亮显示标签。但此代码仅高亮显示单击的最后一个标签。即使在不同系列上单击“绘图”,最后一个标签也会高亮显示 $(this).click(function){ $('.text').each(function(){ $(this).css('color''#C4BD97') }); }); 此函数有一个
$(this).click(function){
$('.text').each(function(){
$(this).css('color''#C4BD97')
});
});
此函数有一个for循环,在该循环中,每个系列都需要向每个系列添加标签。
我的职能
函数添加标签(轴、记号){
/*一些声明
对于(i=1;i正确使用JQuery:
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>'
正在执行$(此操作)。单击(功能)无法工作
只需执行。单击(函数(){
顺便说一句,$(this).css('color'#C4BD97')如果没有“,”!->$(this).css('color','#C4BD97')
我对您的代码做了3次修改
首先,您的代码中有一个额外的)
,您的语句缺少一个分号,您的css()
缺少一个逗号
接下来,我删除了.each(),因为它在选择器中是隐式的
最后,我假设您只需要单击元素中的.text
元素,并告诉它只更改从属于它的.text
的颜色
$(this).click(function(){
$('.text').each(function(){
$(this).css('color':'#C4BD97');
});
});
如果我支持第三个变更的假设是错误的,那么就用这个:
$(this).click(function(){
$(this).find('.text').css('color', '#C4BD97');
});
你能分享HTML吗?$(这个)。点击()
?它在任何处理程序中吗?@user2029107如果可能的话,请提供你的代码和HTML…:)先生,HTML代码是用javascript编写的。我已经把上面的代码放上去了。如果我这样做的话。点击(函数(){这行得通吗?单击相应的绘图时,我必须突出显示相应的标签。您告诉我的css是正确的,我在我的程序中使用了相同的css。如果单击事件是绑定,它会更好。事实是,您正在这样做:当您单击某个内容时,每个文本类都会改变颜色。这真的是什么你想做什么?不要做$(这个)。单击,单击一个div或classNo先生,我不想突出显示所有文本类。我只想突出显示相应的标签。例如,在flot图中,我绘制了4个系列。如果单击该节点,则每个节点都有几个节点要突出显示同一文本类中的相应系列标签。我想突出显示一个label在同一个类中。谢谢您,先生。我想知道它是否适用于for的每次迭代。因为它只突出显示了for的最后一次迭代。我的第一个示例将使用.text
类自动选择单击元素的所有子元素。我的第二个示例将选择所有元素在整个文档中使用该类。
$(this).click(function(){
$('.text').css('color', '#C4BD97');
});