提取和篩選列表中的項目（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 。