javascript - 如何使用 Javascript 获取名称类?

标签 javascript jquery

大家好,我需要获取名称类菜单 li 以加载此页面

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>

js

$(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 或 class 没有区别)

最佳答案

使用 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');
    }
});

关于javascript - 如何使用 Javascript 获取名称类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42172882/

相关文章:

javascript - 带有下划线和 Backbone 的 JSON 对象树递归

javascript - 将带有格式化 CSS 的 html 表导出到 Javascript 或 Jquery 中的 Excel 或 PDF 文件中

javascript - CSS3 Jquery Gradients - 有没有办法读取值集?

javascript - Jquery 将 JSON 发布到本地文件

jquery - 使用 CSS :hover or jQuery hover? 是不是更好

jquery - ASP.Net 标签值在 JQuery 中更改,但在回发时未更改

jquery - jquery 中的 switchClass 不起作用

javascript - 删除JS数组元素

javascript - 是否可以在 Javascript 中使用方法链分配字符串?

javascript - 为什么最后输入的值开头有一个 0?