如何使用Javascript获取名称类？

大家好，我需要得到名称类菜单里的负载此页如何使用Javascript获取名称类？

HTML

<body> 
<div class="menu"> 
    <ul> 
    <li class="page2" id="page2">PAGE TOW</li> 
    <li class="page3" id="page3">PAGE THREE</li> 
    </ul> 
</div> 
<div class="load"></div> 
</body>

$(document).on('click','.menu li',function(){ 
    var Get_Name_Class = //Get Name Class 
    if(/* var Get_Name_Class*/).hasClass("page2")) { 
     $(".load").load('page2.php'); 
    } 
    else if(/* var Get_Name_Class*/).hasClass("page3")) { 
     $(".load").load('page3.php'); 
    } 
});

如何我这个（获得ID或类不差）

来源

2017-02-11 Toprex

$（本）.attr（ '类'） – cwallenpoole

使用this来引用处理程序回调中的单击元素。

$(document).on('click','.menu li',function(){ 
    // cache the reference 
    var $this = $(this); 
    // check using the cached element 
    if($this.hasClass("page2")) { 
     $(".load").load('page2.php'); 
    } 
    else if($this.hasClass("page3")) { 
     $(".load").load('page3.php'); 
    } 
});

来源

2017-02-11 06:10:40

你可以使用jQuery来做到这一点。如果它是类，你可以这样做：

$(".className")

如果是ID，你可以这样做：

$("#idName")

如果它仅仅是html元素，你可以这样做：

$("elementName")

来源

2017-02-11 06:12:02 GeorgeDopeG

如何回答获得元素的'.className'？ – guest271314

通行证this.className与".php"级联到

$(document).on('click','.menu li',function() { 
    $(".load").load(this.className + ".php") 
});

来源

2017-02-11 06:13:13 guest271314

$(document).on('click','.menu li',function(){ 
 
    // cache the reference 
 
    var $this = $(this); 
 
    // check using the cached element 
 
    if($this.hasClass("page2")) { 
 
     $(".load").load('page2.php'); 
 
    } 
 
    else if($this.hasClass("page3")) { 
 
     $(".load").load('page3.php'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 
<div class="menu"> 
 
    <ul> 
 
    <li class="page2" id="page2">PAGE TOW</li> 
 
    <li class="page3" id="page3">PAGE THREE</li> 
 
    </ul> 
 
</div> 
 
<div class="load"></div> 
 
</body>

来源

2017-02-11 06:16:06

使用 “＃” 为ID符号让你的代码变得（ “#idname”）或U可以使用 “这个” 指向本U类是在

来源

2017-02-11 06:21:46

工作

请勿使用classnames。有一天，您会为这些元素添加额外的课程，并且您的网站将停止工作，并且您会想知道为什么 - 或者最糟糕的情况下，它会被忽视。

说你有page2触发一个或更按钮 - 比它的使用属性data-*完美的地方！

$(document).on('click', '[data-load]', function() { 
 
    
 
    var page = $(this).data("load"); 
 
    console.log(page); // Just to test 
 
    $(".load").load(page +'.php'); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a data-load="page2">PAGE TWO :) me too</a> 
 

 
<div class="menu"> 
 
    <ul> 
 
    <li data-load="page2">PAGE TOW</li> 
 
    <li data-load="page3">PAGE THREE</li> 
 
    </ul> 
 
</div> 
 
<div class="load"></div>

来源

2017-02-11 06:23:31

如何使用Javascript获取名称类？

回答

相关问题