提取和筛选列表中的项目（JS）

Question

我是Java的新手，所以很抱歉这是一个业余问题。

我希望能够搜索列表并根据与目标项目一起列出的属性挑选出几个项目。

例如，假设我有以下列表：

<ul>
<li> Round Red Apple </li>
<li> Round Purple Grape </li>
<li> Round Yellow Lemon </li>
<li> Long Yellow Banana </li>
<li> Long Green Cucumber </li>
<li> Round Red Tomato </li>
</ul>

每个项目都列出了两个属性。 例如，我将如何提取所有舍入项目（苹果，葡萄，柠檬，番茄），然后仅在网页上的其他位置显示这些项目（而不是属性），比如在<div id="display"></div> ？

稍微复杂一点，我将如何提取所有舍入项目，而仅提取那些不是红色的（葡萄，柠檬）？

Answer 1

遍历所有li项目，并使用startsWith()函数检查值，并将其存储在单独的数组中以供以后处理。

使用JQuery each（）函数的示例代码：

var filteredItems = [];
$('li').each(function(i, item)
{
     var itemName = $(item).html();
     if(itemName.startsWith('Round'))
     {
          filteredItems.add(itemName);
     }
});

现在，您可以迭代filteredItems以将项目追加到所需的div 。

var container = $('#display');
$.each(filteredItems, function(i, item)
{
    container.append("<div>" + item + "</div");
});

---

编辑：

您也可以使用JavaScript以相同的方式进行操作。

尝试：

• JavaScript for循环迭代。
• JavaScript getElementsByTagName（）获取所有li项
• JavaScript appendChild（）用于将动态div附加到另一个div 。