如何使用jquery选择相同的类[关闭]答案

【问题标题】：how to select same class using jquery [closed]如何使用jquery选择相同的类[关闭]
【发布时间】：2017-09-28 07:29:16
【问题描述】：

我有一个列表标签，如果 sale 有活动类，它应该显示 sale_dim div 否则rent_dim div 应该是可见的

<ul class="saleFlagSelector">
 <li><a href="/ajax-search-forms?sf=true" class="sale ">For sale</a></li>
 <li><a href="/ajax-search-forms?sf=false" class="rent active ">For rent</a></li>
</ul>

<div id="sale_dim">...</div>
<div id="rent_dim">...</div>

这里是jquery函数

$(function() {
    $('#sale_dim').show(); 
    $('#rent_dim').hide();
$(ul.saleFlagSelector li a).click(function(){
    if($('.sale').hasClass('active')){
           $('#sale_dim').show(); 
           $('#rent_dim').hide(); 
        } else {
            $('#sale_dim').hide(); 
            $('#rent_dim').show();
        }
    });
});

我能知道我哪里错了吗？

【问题讨论】：

他的意思是括号
在f($('.sale').hasClass('active'){你缺少)，应该是f($('.sale').hasClass('active')){
在if 部分中缺少) 只是一个TYPO 错误。
提示：当你不知道它为什么不工作时，试着查看浏览器或控制台的 web 开发工具。如果代码有问题，如 TYPO，它将显示为那里有一个错误。
别忘了检查this

标签： javascript jquery

【解决方案1】：

你可以这样使用它。每当您通过销售或租用锚标签更改活动类时，您都可以调用此函数。此外，如果您要动态添加活动类，请使用 jquery .on 函数来切换 div 显示。

function hideSaleAndRentDim(){

    if($('.sale').hasClass('active'))
		    {
           $('#sale_dim').show(); 
           $('#rent_dim').hide(); 
        } else if($('.rent').hasClass('active'))
				{
            $('#sale_dim').hide(); 
            $('#rent_dim').show();
        };

}
$(document).ready(function(){
hideSaleAndRentDim();
			});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<ul class="saleFlagSelector">
     <li><a href="/ajax-search-forms?sf=true" class="sale ">For sale</a></li>
     <li><a href="/ajax-search-forms?sf=false" class="rent active">For rent</a></li>
     </ul>

<div id="sale_dim">Sale Dim</div>
<div id="rent_dim">Rent Dim</div>

【讨论】：