找到班级名称 [英] find the name of the class

问题描述

嗨！

我想找到被点击的类的名称，就像我有这个html代码一样

hi!

I want to find the name of the class which is clicked like I have this html code

<div class="categorylist level0"></div>level0
<div class="categorylist level1"></div>level1
<div class="categorylist level2"></div>level2
<div class="categorylist level3"></div>level3
<div class="categorylist level4"></div>level4


<div class="categorylist level0"></div>level0
<div class="categorylist level1"></div>level1

<div class="categorylist level0"></div>level0
<div class="categorylist level1"></div>level1
<div class="categorylist level2"></div>level2
<div class="categorylist level3"></div>level3

现在，当我单击类别列表级别0的div时，应显示类别列表级别1的div，并且当单击类别列表级别1时，应显示类别列表级别2，依此类推.
可以有许多级别.我想动态地做.

请告诉我如何知道单击哪个类别列表.
我正在jQuery中这样做.

Now when I click on div of category list level0 then div of category list level1 should be shown and when category list level1 is clicked then category list level2 should be shown and so on.
There can be many levels. I want to do it dynamically.

Please tell me how I would know which category list is clicked.
I am doing it like this in jQuery.

$(document).ready(function()
{
$(".categorylist.level0").siblings().css({"background-color":"red"});
$categories = $(".categorylist");

for($x=1; $x<=$categories.length; $x++)
{
$(".categorylist.level"+$x).css("display", "none");
}

$(".categorylist").click(function()//i want to write the one  click function for every categorylist level i-e 1,2,3,4
{
       //here i want to know categorylist level no
            $category = $(this).parents(".categorylist");//this is not working
            $self = $category.split(" ")[1];
	    $level = parseInt($self.split("")[5]);
	    $next = $level+1;
$(this).css({"background-color":"yellow"}).next().slideToggle(700).siblings("div.categorylist.level"+$next).css

({"background-color":"red"}).slideUp("slow");
 $(this).siblings().css({"background-color":"red"});
for($x=$next+1; $x<=$categories.length; $x++)
{
$(this).siblings("div.categorylist.level"+$x).slideUp("slow");
//$(this).siblings("div.categorylist.level"+$x).css({"background-color":"red"});

}
       
return false;
});

推荐答案

(文档).ready(

(document).ready(function() {

(" ).兄弟姐妹().css({" : " });

(".categorylist.level0").siblings().css({"background-color":"red"});

类别=

这篇关于找到班级名称的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！