jQuery/Javascript - 变成CSS变化

Question

我正在使用servlet在Java中编写HTML，并且遇到了滚动DOM对象（第三方，jqplot）的问题，它将点亮特定列表的文本。我有HTML（jQuery的前声明）：

<li id='cap_1'> 
    <span>DOG</span> 
</li> 

以下代码后：

out.println("<script>$('#chart2').bind('jqplotDataHighlight', function (ev, seriesIndex, pointIndex, data) { var x = 'cap_'+pointIndex; alert(x); $(x).css(\"display\",\"none\"); });</script>"); 

警报被触发并正确返回（cap_1）。但CSS不起作用（我试过显示器，背景颜色，颜色等 - 没有任何工作）。

我错过了什么？ jQuery和库声明被确认，绑定是jqplot库的一部分。

Answer 1

您需要在x之前添加#符号。

$('#' + x).css(...等

或者，如果你声明x：

... var x = '#cap_' + ... 

Answer 2

你缺少'#'选择：

out.println("<script> 
       $('#chart2').bind('jqplotDataHighlight', 
            function (ev, seriesIndex, pointIndex, data) { 
             var x = '#cap_'+pointIndex; //<-- Here 
             alert(x); 
             $(x).css(\"display\",\"none\"); 
            }); 
      </script>"); 

Answer 3

你缺少DOG选择：

out.println("<script>$('#chart2').bind('jqplotDataHighlight', function (ev, seriesIndex, pointIndex, data) { var x = 'li:contains(DOG)'; $(x).css(\"display\",\"none\"); });</script>");