Javascript 如何根据某个类和id将文本写入html标记？

我正在尝试创建一个HTML页面，在该页面中，只要点击一个按钮，就可以将项目名称（位于div容器内）打印到下面的一个段落中，条件是- 它应该只打印那些类名为“活动”且父id为“选定”的项目

我试过这么做，这是我的代码-

函数myFunction（）{
var selectedEl=document.querySelector（“.selected”）；
var items=selectedE1.getElementsByClassName（'active'）；
document.getElementById（'listItems'）。innerHTML=items；
}

ex1第1项
ex1第2项
ex1第3项


ex2第1项
ex2第2项
附件2第3项


ex3第1项
附件3第2项
ex3第3项


ex4第1项
ex4第2项
附件4第3项

获取项目



项目列表：

您需要基于类进行迭代

例如：

选择器值无效（的值不能包含空格，在整个文档中必须是唯一的）。使用“类属性”，可以尝试以下方法：

函数myFunction（）{
var items=document.querySelectorAll（“.selected>.active”）；
var res=“”；
//items.forEach（i=>res+=i.textContent+'
'）；//如果要在文档中显示
items.forEach（i=>res+=i.textContent+'\n'）；//如果要在警报中显示
//document.getElementById（'listItems'）。innerHTML=res；
警报（res）
}

ex1第1项
ex1第2项
ex1第3项


ex2第1项
ex2第2项
附件2第3项


ex3第1项
附件3第2项
ex3第3项


ex4第1项
ex4第2项
附件4第3项

获取项目



项目列表：

不，这对我没有帮助。你能说得更具体点吗？谢谢！但如果我想用身份证怎么办？有没有办法只通过id来实现这一点？@AKSHITKAKANI1941007，正如前面提到的答案，id在整个文档中必须是唯一的，我认为你不能以想要的方式实现这一点：）我认为它应该是

id=“example1”class=“selected”

等等

example1

，

example2

等都是唯一的标识符，对于初学者来说，它们也不是泛型类的好例子，但是当我使用相同的变量res“alert（res）”，在alert框中打印文本时，它会给我整个标记的输出，而不是项目名称？在这种情况下，我该怎么办？@akshitkakakani1941007，您只想显示文本，然后使用

textContent

。更新了答案，请检查：）您使用的

id

错误。如果需要多个选择器，则应使用

class

$('.selected .active').each(function(i, obj) {
    console.log($(this).html());
});