如何使用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獲取名稱類？

回答

相關問題