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