jquery - 查找最接近的元素

Question

我有以下布局:

<div class="widgets">
                <div class="rating_block">
                    <span class="iFoot fMin"><%= film.GoingCount %></span>
                    <div class="stars_rating">
                        <div class="stars_off"></div>
                        <div class="stars_on"></div>
                    </div><!-- .stars_rating-->

                    <span class="num_rating">(<%= film.Rating %>)</span>
                    <div class="expand"></div>
                </div><!-- .rating_block-->

                <div class="voice_block">
                    <div class="going" filmid="<%=film.OID %>">
                        <a href="">I'm going!</a>
                        <div id="going_too">Going too: <%= film.GoingCount %></div>
                    </div><!-- .going-->

                    <div class="data_for_rating">
                        <div>Vote</div>
                            <div class="star_for_rating">
                                <ul>
                                    <li>
                                        <a href="#">1</a>
                                    </li>
                                    <li>
                                        <a href="#">2</a>
                                    </li>
                                    <li>
                                        <a href="#">3</a>
                                    </li>
                                    <li>
                                        <a href="#">4</a>
                                    </li>
                                    <li>
                                        <a href="#">5</a>
                                    </li>
                                </ul>
                            </div><!-- .star_for_rating-->
                        <div>Average: 4,5 (89)</div>
                    </div><!-- .data_for_rating-->
                </div><!-- .voice_block-->
            </div><!-- .widgets-->

我的js函数:

function setUpUpdateGoingCount() {
            $("div.going a").click(function (e) {
                var goingToo = $(this);
                e.preventDefault();
                var filmId = $(this).parent("div").attr("filmid");
                $.post("/Cinema/UpdateGoingCount", { id: filmId }, function (obj) {
                    if (obj.Success) {
                        goingToo.parent("div").find("#going_too").text("going too: " + obj.Result); //work
                        goingToo.closest(".rating_block").find(".iFoot.fMin").text(obj.Result); //not work
                    }

                });
            });
        };

为什么 jquery 找不到类 iFoot.fMin 的 span ？我使用closest，因为这个 block (widget)可能有多个。

Answer 1

goingToo.closest(". rating_block") 应该是这里的问题。

最接近的作品如下:

Get the first element that matches the selector, beginning at the current element and progressing up through the DOM tree.

通过 DOM 树向上移动，不会有 . rating_block，只有 .voice_block

您可以执行以下操作:

goingToo.closest(".voice_block").prev(".rating_block").find(".iFoot.fMin")

这将获取最接近的 .voice_block，然后是具有类 rating_block 的上一个同级