javascript - 计算子节点而不计算文本节点。

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 8 年前。

Improve this question

我正在使用 AJAX 加载一些 html，但该 html 带有两个 div元素以及它们之间的空间和 length也计算文本节点。

如何动态删除元素之间的文本节点或更正 length所以它不包括文本节点？

$.ajax({
    method: "POST",
    url: submit_url + "/loadmore.php",
    data: {
        load_type: load_type,
        exclude_ids: exclude_ids,
        offset: offset,
        filters: filters
    }
}).done(function (html) {
    var $html = $(html);
    console.log($html);
    offset += $html.length;
});

AJAX 数据示例:

<div id="post-65" class="g-b g-b--1of1 g-b--sm-1of2 g-b--md-1of4 post-65 guests type-guests status-publish has-post-thumbnail hentry hotels-tbilisi">
    <div class="QoutedItem">
        <div class="QoutedItem-content">
            <div class="QoutedItem-overlay"></div>
            <div class="QoutedItem-social">
                <ul class="u-colorGrayLightest lr u-textSize-xs">
                    <li class="u-displayInline u-marginRight-xs">
                        <a href="#" class="Square Square--medium u-borderRounded u-backgroundBlack u-borderWidth-f">
                            <div class="u-posCenter Icon Icon--facebook"></div>
                        </a>
                    </li>
                    <li class="u-displayInline u-marginRight-xs">
                        <a href="#" class="Square Square--medium u-borderRounded u-backgroundBlack u-borderWidth-f">
                            <div class="u-posCenter Icon Icon--twitter"></div>
                        </a>
                    </li>
                    <li class="u-displayInline u-marginRight-xs"></li>
                </ul>
            </div><img src="http://localhost:8000/wp-content/uploads/2015/05/images-3.jpeg" class="QoutedItem-img" /></div>
        <div class="QoutedItem-qoute">
            <div class="QoutedItem-qouteAuthor">Al</div>
            <div class="QoutedItem-qouteText"><p>hey yo</p>
</div>
        </div>
    </div>
</div>

<div id="post-63" class="g-b g-b--1of1 g-b--sm-1of2 g-b--md-1of4 post-63 guests type-guests status-publish has-post-thumbnail hentry hotels-kazbegi">
    <div class="QoutedItem">
        <div class="QoutedItem-content">
            <div class="QoutedItem-overlay"></div>
            <div class="QoutedItem-social">
                <ul class="u-colorGrayLightest lr u-textSize-xs">
                    <li class="u-displayInline u-marginRight-xs">
                        <a href="#" class="Square Square--medium u-borderRounded u-backgroundBlack u-borderWidth-f">
                            <div class="u-posCenter Icon Icon--facebook"></div>
                        </a>
                    </li>
                    <li class="u-displayInline u-marginRight-xs">
                        <a href="#" class="Square Square--medium u-borderRounded u-backgroundBlack u-borderWidth-f">
                            <div class="u-posCenter Icon Icon--twitter"></div>
                        </a>
                    </li>
                    <li class="u-displayInline u-marginRight-xs"></li>
                </ul>
            </div><img src="http://localhost:8000/wp-content/uploads/2015/05/images-2.jpeg" class="QoutedItem-img" /></div>
        <div class="QoutedItem-qoute">
            <div class="QoutedItem-qouteAuthor">Dr. ass</div>
            <div class="QoutedItem-qouteText"><p>yep</p>
</div>
        </div>
    </div>
</div>

Answer 1

要计算可以按容器过滤的帖子数量

所以如果你的回答是这样的

<div class="post">HTTP POST request</div>
<div class="post">New England Post</div>

您可以使用.filter

var $html = $( html );
offset += $html.filter('div.post').length;

这将从集合中删除所有不属于具有 post 类的 div 元素的内容。