javascript - 更新 li 值变得未定义

Question

我有这个 li 列表，其中包含带有索引值的 rel 标记。当用户编辑列表时，我希望 li 反射(reflect)该更新。我正在做的 ul li 循环变得未定义。我还需要做些什么才能看到 li(例如添加 div)吗？

代码

          $("#guideline-form").submit(function (event) {
            event.preventDefault();
            console.log('guideline-form submit');

            var data = currentGuidelineData;
            console.log(data);
            if (!data) {
                $('.guideline-not-selected').show();
                return;
            }
            console.log('Each');
            $('ul li').each(function (i) {
                var x = $(this).attr('rel'); 
                console.log(x);
            });

        });

Answer 1

在您的 JavaScript 中，您正在寻找 ul li但在您的 HTML 中，您使用 <ol> 。尝试将您的 JavaScript 更改为 $('ol li')

此外，如果您有多个列表，您可能希望通过类或其他内容来访问它。

<ol class="myList">
    <li rel="1">...</li>
</ol>

$('.myList li').each(...)