javascript - jQuery 获取父项

Question

我正在尝试使用以下代码获取项目的父项。

(父级的内容)

例如。在下面的示例中，“Item 1.1”的父项将是“Item 2”。

项目:

        <ul class="sortable" id="page-list">

            <li><div>Item 1</div></li>
            <li><div>Item 2</div>
                <ul>
                    <li><div>Sub Item 1.1</div></li>
                    <li><div>Sub Item 1.2</div></li>
                    <li><div>Sub Item 1.3</div></li>
                    <li><div>Sub Item 1.4</div></li>
                </ul>
            </li>

        </ul>

Javascript:

            function saveNewList() {
            //get DIV contents in order
            var divContents = [];
            $("ul.sortable > li div").each(function() { divContents.push($(this).text()) });
            var quotedCSV = '"' + divContents.join('", "') + '"';
            $("#results").text(quotedCSV);
            //get DIV parents' contents in order
            var divParents = [];
            // something needs to go here...
            var quotedCSVparents = '"' + divParents.join('", "') + '"';
            $("#results2").text(quotedCSVparents);


        }

Answer 1

$(this).parents('li:has(ul)').children('div:first').text();

这将遍历到最近的 <li>有一个子 <ul>然后向下到它的第一个 <div> child 并获取文本。

当你在上层 <li> 时，这也会得到文本元素。这是想要的吗？如果没有，只需添加一个 .parent()像这样:

$(this).parent().parents('li:first').children('div:first').text();

这应该避免在您不在内部 <li> 时获取文本.