当我尝试将其用于谷歌自定义搜索时，Jquery无法正常工作？

Question

就我而言，jQuery无效。我不知道我哪里错了。它可能与其他一些js文件冲突，但不确定。见下面的截图。

在此屏幕截图中，您将看到基于ajax的谷歌自定义搜索框。我的问题是，当我点击搜索框然后底部高级销售工作包含应隐藏。为此，我使用了这个jQuery代码：

$(document).ready(function(){
    $(".gsc-search-button").click(function(){
        $("#container_table").hide();
    });
)};

我已经包含了具有正确路径的jQuery库。我在alert()之后使用了document.ready来检查它是否正常工作。但它不起作用。

.gsc-search-button is the class of search button.
#container_table is the id of that table which I want to hide.

搜索数据将加载到div中，最初看起来像这样： <div id="cse">Loading</div>并在搜索iframe后放入此div并替换了加载字符串。

我也试过下面的javascript代码：

if(document.getElementById('cse').innerHTML != "Loading") {
  document.getElementById('#container_table').style.display = "none";
  }

但它不起作用。

Answer 1

您将jQuery中的CSS样式选择器与以下代码中的ID混淆：

document.getElementById('#container_table')

如果删除“＃”符号，它可能会有效：

document.getElementById('container_table')

但另一种用“cse”身份清除元素的方法是

$('#cse').text('')