jquery在.find中找到了元素,但无法应用css

时间:2015-05-14 06:37:03

标签: javascript jquery css

我对jquery很新,我不知道为什么这不起作用。我正在尝试使用jquery找到一个元素,然后用css隐藏它。

$(document).ready(function(){
    var thumb = $("entry-content clearfix").find("excerpt-thumb");
    var thumbLink = $(thumb).find("a");
    var thumbImage = $(thumbLink).find("img");
    thumbImage.css("display", "none");
});

我尝试使用alert()框进行调试。我在任何变量上尝试的每个属性都显示为未定义(类,名称,子项等),除了选择器,它似乎表明找到了正确的元素 - 例如alert(thumb.selector)显示“entry- content clearfix excerpt-thumb。“

非常感谢有关此事的任何帮助。 干杯

2 个答案:

答案 0 :(得分:2)

你缺少第一个var声明中的class / id选择器。

$(document).ready(function(){
    var thumb = $(".entry-content .clearfix").find(".excerpt-thumb");
    var thumbLink = $(thumb).find("a");
    var thumbImage = $(thumbLink).find("img");
    thumbImage.css("display", "none");
});

答案 1 :(得分:2)

请勿忘记使用选择器来选择所需的元素。

  • 对于id = #id
  • 对于class = .class

如果他们两个班级都使用以下代码:

var thumb = $(".entry-content .clearfix").find(".excerpt-thumb");

如果他们两个ID都使用以下代码:

var thumb = $("#entry-content #clearfix").find("#excerpt-thumb");

此处提供的其他选择器:http://www.w3schools.com/jquery/jquery_selectors.asp