Javascript 在文本区域中按类存储不同的li项

您好，我想在文本区域中插入一些不同的列表元素。我有类似的东西

<ul id="each-1">
    <li class="remove"><img src="img/del.png"></li>
    <li class="name">sushi</li>
    <li class="price">45</li>
    <li class="substract"><img src="img/minus.png"></li>
    <li class="add"><img src="img/plus.png"></li>
</ul>
<ul id="each-2">
    <li class="remove"><img src="img/del.png"></li>
    <li class="name">pizza</li>
    <li class="price">10</li>
    <li class="substract"><img src="img/minus.png"></li>
    <li class="add"><img src="img/plus.png"></li>
</ul>

寿司
45





比萨饼
10

我想使用javascript将每个ul列表的“name”和“price”类元素存储到一个文本区域中。我要的是：

寿司45

披萨10

---

感谢您的帮助

这应该可以满足您的需要

我循环遍历你所有的

ul

，提取你想要的数据，并将它们添加到

str

。完成后，将

str

添加到

textarea

var-str=”“；
$（“ul[id^='each']）{
var name=$（this.find（“.name”）.text（）；
var price=$（this.find（“.price”）.text（）；
str+=name+“”+price+“\n”；
})
$（“textarea”）.val（str）

寿司
45


比萨饼
10

var text=”“；//将插入文本区域的文本（用“”初始化）
$（.li.name”）.each（function（）{//对于每个li.name元素
text+=$（this）.text（）+“”；//将该元素（名称）的文本添加到文本中，后跟空格
text+=$（this.next（“li.price”）.text（）+“\n”；//添加其下一个li.price元素（price）的文本，后跟新行
});
$（“#ta”）.val（文本）；//将文本区域的值设置为累积字符串

寿司
45





比萨饼
10

请展示您为解决此问题所做的尝试或研究工作。Stackoverflow不是免费的代码编写服务。这里的目标是帮助您修复无法正常工作的代码谢谢！谢谢你的回答。非常有帮助！