0%

JQUERY树形关系5-加上序号

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
//以前的方法加上这两句

function first_click(){
$(“.i_box”).first().parent(‘span’).find(“div span.ap”).text(“序号1”);
$(“.i_box”).first().parent(‘span’).find(“div span.ap”).addClass(“ab”+1);
}

//点击时出现序号

function i_box_click(){
$(“.i_box”).on(“click”,function(){
var this_toggle = $(this).attr(“is_toggle”);
var i = $(this).parent(‘span’).next(‘ul’).find(“ul”);
if (this_toggle == ‘true’) {
$(this).parent(‘span’).next(‘ul’).slideUp();
$(this).parent(‘span’).next(‘ul’).find(“ul”).slideDown();
$(this).attr(“is_toggle”, “false”);
$(this).find(‘i’).removeClass(“fa fa-plus-circle fa-minus-circle”);
$(this).find(‘i’).addClass(“fa fa-plus-circle”);

} else {
$(this).parent(‘span’).next(‘ul’).slideDown();
$(this).parent(‘span’).next(‘ul’).find(“ul”).slideUp();
$(this).attr(“is_toggle”, “true”);
$(this).find(‘i’).removeClass(“fa fa-plus-circle fa-minus-circle”);
$(this).find(‘i’).addClass(“fa fa-minus-circle”);
var index = $(this).parent(‘span’).find(“div span.ap”).attr(“class”).indexOf(“ab”);
var zimu = $(this).parent(‘span’).find(“div span.ap”).attr(“class”).replace(/[^\d]/g,””);
if(index>1){
var number = parseInt(zimu) + 1;
$(this).parent(‘span’).next(‘ul’).find(“li”).find(“span”).find(“div span.ap”).text(“序号”+number);
$(this).parent(‘span’).next(‘ul’).find(“li”).find(“span”).find(“div span.ap”).removeClass(“ab”+zimu);
$(this).parent(‘span’).next(‘ul’).find(“li”).find(“span”).find(“div span.ap”).addClass(“ab”+number);
}
}

});
}