javascript - 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

You are missing the DOG selector:

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