jQuery 的 find() 是“order”；具体的？为什么如果顺序改变 find 会返回零？

Question

无论如何，我不是 jQuery 专业人士，我花了很长时间才弄清楚如何让“它”正常工作，

这是一段代码： 这是

$(this).parents('li:eq(0)').find('.dataPostArea').replaceWith(text); //1
$(this).parents('li:eq(0)').find('.hoverMenu').show(); //2

html：

<li class="post issuePost" data-winbook-contentType="Issue" data-winbook-issueId="null">
    <div style="display:none;" class="hoverMenu">
        <a href="#delete">
        <img class="hoverButton deleteButton" src="deleteredicon.png"/>
        </a>
        <a href="#edit">
        <img class="hoverButton editButton" src="editpencil.png"/>
        </a>
    </div>
    <div class="postContainer">

        <div class="avatarColumn">

            <a href="#">
            <img src="defaultavatar.jpg"/>
            </a>
            <div class="authorName">
                <a href="#">Nupul</a>
            </div>
        </div>
        <div class="postDetailsContainer">
            <div class="dataPostArea">
                <textarea class="dataForm" style="float:left; min-height:50px; min-width:330px; resize:none; margin:2px; margin-bottom:5px; overflow-x:hidden;" name="data">
                </textarea>
                <button class="addDataButton"    style="width:95px; margin:3px 2px; padding:1px 4px 1px 4px;">
                    Add Issue
                </button>
                <button class="cancelDataButton" style="width:95px; margin:3px 2px; padding:1px 4px 1px 4px;">
                    Cancel
                </button>
                <div class="clear"/>
                    <span>10 characters left</span>
                </div>
            </div>
        </div>
        <div class="clear">
        </div>
</li>

现在，如果 1 和 2 的顺序是如图所示，“.hoverMenu”从未显示。事实上，该 jQuery 对象的大小为零！如果 2 在 1 之前，则效果很好。我不知道为什么。有什么想法吗？

（如果您想知道我想要完成什么：只需将可编辑文本区域中的内容替换为该列表项的内容即可。类似于 stackoverflow 的“添加评论”功能:)

我可能是非常欢迎执行不正确的“查询”和更正。我没有缓存 $(this).parents('li:eq(0)') 并且认为这对这个问题来说并不重要。 （应该吗？）

Answer 1

您的 $(this) 对象是一个 ，对吗？发布后将其替换为 txt。正确吗？

发生的情况是，这一行将

$(this).parents('li:eq(0)').find('.dataPostArea').replaceWith(text); //1

删除按钮对象 $(this) ，使第二行 void 。这就是为什么它向您显示它不存在（没有找到任何），这就是为什么当您切换时它可以工作，

如果您想保持订单做这样的事情

listelement  = $(this).parents('li:eq(0)');
listelement.find('.dataPostArea').replaceWith(text);
listelement.find('.hoverMenu').show();