如果使用jquery删除警报,则类不会应用于div
我有这样的html结构如果使用jquery删除警报,则类不会应用于div,jquery,Jquery,我有这样的html结构 <div class="selected"> <div class="selectedOption">September 2012</div> </div> <div class="optionsContainer" style="width: 138px;"> <div class="option">July 2012</div&
<div class="selected">
<div class="selectedOption">September 2012</div>
</div>
<div class="optionsContainer" style="width: 138px;">
<div class="option">July 2012</div>
<div class="option">August 2012</div>
<div class="option">September 2012</div>
<div class="option">October 2012</div>
<div class="option">November 2012</div>
</div>
它工作正常,但问题是如果我删除警报,则表示未应用类“selected”。有什么想法吗?提前感谢基于我的理解:
但我不知道这是你真正想要的还是相反的。让我猜猜:你没有展示的AJAX操纵DOM(
.optionsContainer
和.option
DIVs。)对吧?@Alexander可能。。这段代码运行得很好。通过AJAX,我不会操作(.optionContainer和.option DIVs)。整个页面是使用JQuery加载的。您可以传递$
,这样您就可以在整个页面中使用它,而不是像这样使用JQuery(document)。ready(函数($){//您现在可以在这里使用$here})代码>@IslandMystion谢谢,但我不想要这样的改变。这里很好用。但在FF中不添加该类。这是使用elSelect和Mootools的时尚下拉html结构。感谢您的帮助。我知道了,我把这个函数称为AJAX success
jQuery('.optionsContainer .option').click(function(){
// call an one ajax too
jQuery.each(jQuery('.optionsContainer .option'),function(index,value){
var temp = jQuery(this).html();
var selected_date = jQuery(".selectedOption").html();
if(temp == selected_date)
{ alert('in');
jQuery(this).addClass('selected');
}
});
});
$('.selectedOption').click(function(val){
var soVal = $(this).text();
$('.optionsContainer').toggle();
$('.optionsContainer .option').each(function(){
if($(this).text() == soVal){
$(this).addClass('selected');
}else if($(this).hasClass('selected')){
$(this).removeClass('selected');
}
});
});