我的任务是创建一个代码，以列出div的子元素，列出div中所有带有“ sample_class_2”类的li标签，并从li标签输出到控制台文本。我的当前状态代码如下所示：
var divListChildren = $('div.sample_clas_2').find('li').text();
console.log(divListChildren);
但是它仅列出第一个元素，而不是全部。我在这里做错了什么？我应该用jquery或js或两者兼而有之。
最佳答案
像这样使用：
$(document).ready(function(){
var divListChildren = "";
$("div.sample_clas_2").find("li").each(function(index,ele){
divListChildren += ele.innerHTML + " ";
})
console.log(divListChildren);
})
最终代码：
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div class="sample_clas_2">
<li>Ehsan</li>
<li>taghdisi</li>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
var divListChildren = "";
$("div.sample_clas_2").find("li").each(function(index,ele){
divListChildren += ele.innerHTML + " ";
})
console.log(divListChildren);
})
</script>
</body>
</html>