引用方式错误，参考下面：
var ul = $("sss li");ulclick(function(){
var str = $(this)attr("data");
// alert(str);
inputval(str);
});
你在click使用的是ul对象，而 ul = $("sss li"); 是一个Jq的筛选集合
所以 var str = ulattr("data");每次默认选第一个
var str = $(this)attr("data"); 表示选取当前点击的（this）li的data属性
chlidren()是获取某元素下所有子元素,
ss=$("ul")children("item-a,item-b,item-c,item-d");是指定class名获取子元素
实际上你这class组织比较不好控制,建议相同子级使用相同class名,这样比较好遍历
区别子级下的具体元素可以用 id=class+"-"来做
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="js/jquery-320minjs"></script>
<style>
ulul2{
position: absolute;
top: 72px;
left: 150px;
}
</style>
</head>
<body>
<p>在以下输入框输入ul中的li数量</p>
<input type="number">
<button class="btn1">生成第一个ul</button>
<button class="btn2">生成第二个ul</button>
<script>
$(function(){
//第一个列表
$("buttonbtn1")click(function(event) {
//获取输入框的数值
var num = $("input")val();
if (num>0) {
//清除所有的列表
$("ul")remove();
//生成第一个ul
var ul = $("<ul class='ul1'>")appendTo($("body"));
for (var j = 1; j <= num; j++) {
var txt1 = $("<li>")text(j);
$(txt1)appendTo($("ulul1"));
}
} else{
alert("输入有误!");
}
});
$("buttonbtn2")click(function(event) {
var z = $("ulul1 li")length;
//x为百位数
var x = Mathfloor(z/100);
//g为对照参数, 用于判断循环
var g = x;
//y为十位跟个位
var y = z-x100;
if (y==0) {
//开关
var sw = 1;
}
if (z>0) {
$("ul")remove("ul2");
var ul = $("<ul class='ul2'>")appendTo($("body"));
for (var i = 0; i <= x; i++) {
//1-100部分
if (g==0) {
var val1 = "001-";
if (z<100&&y<10) {
var val2 = "00"+y;
} else if(z<100&&y<100){
var val2 = "0"+y;
} else {
var val2 = "100";
}
var txt2 = $("<li>")text(val1+val2);
$(txt2)prependTo($("ulul2"));
} else if (sw!=1) {
//大于100的部分
var val1 = g100+1+'-';
if (g==x) {
if (y<10) {
var val2 = g100+y;
} else {
var val2 = g100+y;
}
} else {
var val2= (g+1)100;
}
var txt2 = $("<li>")text(val1+val2);
$(txt2)prependTo($("ulul2"));
g--;
} else {
g--;
sw = 0;
}
}
} else{
alert("输入有误!");
}
});
})
</script>
</body>
</html>
以上就是关于JQ怎么获取指定点击的LI值全部的内容，包括:JQ怎么获取指定点击的LI值、jquery如何获取li元素、jquery根据一个ul中的li数量写另外一个li等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）