循環瀏覽在jQuery中另存為字符串的List元素

Question

我有一個包含幾個List元素的字符串。 我需要遍歷這些列表元素，為此， each語句都不起作用。 字符串具有以下形式的這些列表元素

<li data-date="2018/03/23">item 1</li>
<li data-date="2018/04/18">item 2</li>
<li data-date="2018/03/08">item 3</li>

這是我嘗試過的每條陳述

store_list_temp.each(function() {

});

但這會導致錯誤。 store_list_temp.each不是一個函數。

有沒有辦法遍歷存儲為字符串的這些列表元素？

Answer 1

如果每個li位於不同的行中，則可以用換行符（ \\n ）對其進行分割。 這將為您提供一個li數組，您可以在其上實現forEach()以單獨獲取每個li ：

 var str = `<li data-date="2018/03/23">item 1</li> <li data-date="2018/04/18">item 2</li> <li data-date="2018/03/08">item 3</li>` var strList = str.split('\\n'); strList.forEach( (l,idx) => console.log(l + ` => at index ${(idx)}`)); 

Answer 2

您的語法錯誤。 我不確定您如何使用store_list_temp ，但是您收到的錯誤是因為它不會求值返回可以迭代使用each的函數。 大概不是這樣。

您需要了解jQuery選擇器的工作方式。 為此，我建議您閱讀有關它的w3schools文檔 。 它們與CSS選擇器非常相似，因此，如果您了解這些選擇器，那么您將獲得一個良好的開端。

此代碼將按照您的帖子中的說明執行您想要的操作：

$('li').each(function() {

});

這將遍歷列表項（實際上，它將遍歷頁面上的所有列表項），就像您在此處使用它們一樣。 如果要遍歷頁面上列表元素的子集，則必須學習如何在HTML元素中分配類並在jQuery選擇器中指定它們。