2013-11-20 76 views
-3

我有以下情况:jQuery选择<button></button>

<div id="topDiv"> 
    <div class="buttonDiv1"> 
     <button class="buttonClass">Click</button> 
    </div> 
    <div class="buttonDiv2"> 
     <button class="buttonClass">Click</button> 
    </div> 
</div> 

注意,这些都是输入[类型=“按钮”] 我想选择topDiv下面的两个按钮和改变他们的班级。

$('#topDiv button').removeClass('buttonClass').addClass('classButton'); 

它不起作用。 请任何建议,将不胜感激。

+2

为什么'button'不在引号内?因为它现在它甚至不是有效的JavaScript,更不用说jquery选择器。这就像问为什么这不起作用? 'var x = 1 2;' –

+2

提示:请务必首先验证您的代码,请参阅http://www.jshint.com/ – elclanrs

+0

@elclanrs非常感谢您的宝贵意见。我一直在寻找这样的东西。 – Georgi

回答

5

你需要单引号内的按钮。

$('#topDiv button').removeClass('buttonClass').addClass('classButton'); 
+0

@Georgi也许我不确定你在做什么。这工作 - [http://jsfiddle.net/9SVZM/](http://jsfiddle.net/9SVZM/) – NaNpx

+0

@NNNpx_谢谢你的例子。我不知道为什么我不能让它工作。

+0

@Georgi无关紧要,'$('#topDiv button')'选择器获取元素中的所有按钮元素,其id为topDiv。发布一些代码或更新现有的JSFiddle,也许我错过了一些关于你想要完成的信息。 – NaNpx