jQuery的HTML元素选择

我有一个HTML这样的代码，jQuery的HTML元素选择

<div class="panel-footer"> 
    <div class="post-activity"> 
     <i class="loading-icon"></i> 
     <button onclick="ChangeColor(this);">Change Color</button> 
    </div> 
    <div class="comments-ch"></div> 
</div>

当我写这篇文章的jQuery代码

function ChangeColor(element) 
{ 
    $(element).closest(".panel-footer").find(".comments-ch").css("background-color","#CC0000") 
}

不工作的类=评论-CH，但如果我这样写这样的代码，

function ChangeColor(element) 
    { 
     $(element).closest(".panel-footer").find(".post-activity").css("background-color","#CC0000") 
    }

工作。

总结，第一DIV的 “板尺” 下就OK了，但第二/最后格也不行。

我怎样才能达到第二个/最后div元素？谢谢

来源

2014-08-31 aynakolik

对我的作品http://jsfiddle.net/j08691/wwxw2wok /。你检查过浏览器的控制台是否有错误？ – j08691 2014-08-31 19:00:27

它应该肯定会工作。也许HTML结构有什么错误？ 'clas ='或其他一些错字？ – iabw 2014-08-31 19:04:41

'是否有任何内容或样式来给它尺寸？它是空的，它可以是'0px'高，允许脚本成功，但效果可能不容易看到。 – 2014-08-31 19:05:02

设置CSS后尝试.show()：

来源

2014-08-31 19:19:18

当使用类选择器时，请确保在前面指定一个句点。

例如，在：

$(element).closest(".panel-footer").find("comments-ch").css("background-color","#CC0000")

变化从find("comments-ch")到find(".comments-ch")

来源

2014-08-31 18:58:40

改变并试过，不是工作:( – aynakolik 2014-08-31 18:59:55

jQuery的HTML元素选择

回答

相关问题