Javascript 试图通过ul id读取li列表的数据
这是我的ul,李:Javascript 试图通过ul id读取li列表的数据,javascript,jquery,Javascript,Jquery,这是我的ul,李: <ul class="star-list" id="restaurant-rate"> <li><a href="javascript:void(0);"><span class="ico-sprite star-item selected" data-interest = "1" ></span></a></li> <li><a href="javasc
<ul class="star-list" id="restaurant-rate">
<li><a href="javascript:void(0);"><span class="ico-sprite star-item selected" data-interest = "1" ></span></a></li>
<li><a href="javascript:void(0);"><span class="ico-sprite star-item" data-interest = "2" ></span></a></li>
<li><a href="javascript:void(0);"><span class="ico-sprite star-item" data-interest = "3" ></span></a></li>
<li><a href="javascript:void(0);"><span class="ico-sprite star-item" data-interest = "4" ></span></a></li>
<li><a href="javascript:void(0);"><span class="ico-sprite star-item" data-interest = "5" ></span></a></li>
</ul>
获取未定义的利息值。
问题是每一个li都是一个要评级的星,假设我选择第四个li,这看起来像这样
<li><a href="javascript:void(0);"><span class="ico-sprite star-item selected" data-interest = "1" ></span></a></li>
<li><a href="javascript:void(0);"><span class="ico-sprite star-item selected" data-interest = "2" ></span></a></li>
<li><a href="javascript:void(0);"><span class="ico-sprite star-item selected" data-interest = "3" ></span></a></li>
<li><a href="javascript:void(0);"><span class="ico-sprite star-item selected" data-interest = "4" ></span></a></li>
<li><a href="javascript:void(0);"><span class="ico-sprite star-item" data-interest = "5" ></span></a></li>
我需要在4岁时获得利息 您应该在
之前添加空格。查找('li.selected')
:
函数myFunction(){
//获取最后一个select li元素
var$利息=$('ul#restaurant rate')。查找('li.selected');
log($interest.get($interest.length-1));
//使用div解析元素的html
var div=$(“#myDiv”);
html($interest.get($interest.length-1));
console.log(div.find('.selected')。data('interest');
}
点击我
单击“我”
您可以使用find()
函数查找所选的类。
然后使用.data()
函数提取数据
最后只需添加.dataName
希望这有帮助:)
var利息=$('ul#restaurant rate')。查找('.selected')。数据()。利息;
警报(利息)代码>
$(文档).ready(函数(){
var利息=$(“.selected”).last().data(“利息”);
警报(利息);
});
当前的所有答案都是正确的,但是在更新之后,您需要使用循环来获取所有选定的元素
//变量数组=[];
$('ul#餐厅价格.已选')。每个(功能(){
var利息=$(this).data('利息');
//数组。推送(兴趣);
console.log(利息);
});
//console.log(数组);或作为数组返回
数据兴趣?选择的
类添加在
非
是的,我是jquery新手,我可以知道如何获取所选数据更改查找('li.selected')
查找('span.selected')
查找('li.selected')
否din为我更新了我的问题pl check$(文档).ready(function(){var interest=$(“.selected”).last().data(“interest”);alert(interest);});更新了我的问题pl检查您添加了4个选定的类。也许可以添加选择过程。如果是为了一个背叛,只有第四个被选中的星星应该得到选择值是的,但我得到的值是1更新了我的问题pl检查更新了我的答案检查是否是你想要的一些解释在这里可能会有所帮助。
<li><a href="javascript:void(0);"><span class="ico-sprite star-item selected" data-interest = "1" ></span></a></li>
<li><a href="javascript:void(0);"><span class="ico-sprite star-item selected" data-interest = "2" ></span></a></li>
<li><a href="javascript:void(0);"><span class="ico-sprite star-item selected" data-interest = "3" ></span></a></li>
<li><a href="javascript:void(0);"><span class="ico-sprite star-item selected" data-interest = "4" ></span></a></li>
<li><a href="javascript:void(0);"><span class="ico-sprite star-item" data-interest = "5" ></span></a></li>
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<ul class="star-list" id="restaurant-rate">
<li><a href="javascript:void(0);"><span class="ico-sprite star-item selected" data-interest = "1" >1</span></a></li>
<li><a href="javascript:void(0);"><span class="ico-sprite star-item" data-interest = "2" ></span>2</a></li>
<li><a href="javascript:void(0);"><span class="ico-sprite star-item" data-interest = "3" ></span>3</a></li>
<li><a href="javascript:void(0);"><span class="ico-sprite star-item" data-interest = "4" ></span>4</a></li>
<li><a href="javascript:void(0);"><span class="ico-sprite star-item" data-interest = "5" ></span>5</a></li>
</ul>
<script>
$(document).ready(function(){
var interest = $(".selected").last().data("interest");
alert(interest);
});
</script>
</body>
</html>
var interest = $('ul#restaurant-rate li').find('.selected').data('interest');
alert(interest);