javascript - jQuery 追加当前 div

Question

我有一个外部 div .listingContainer，页面上大约有 10 个这样的 div，其中都有不同的内容。当我单击内部 div .saveCompare 时，我想使用 jQuery var htmlStr = $(this).html(); 获取所有 .listingContainer 的 html

我发现很难获取单击的 div 的 html，我尝试了 .parent 等，但它似乎不起作用。

如果有人指出我正确的 dom 调用，我将不胜感激，谢谢。

            <div class="listingContainer grid_9 alpha omega">
                <a class="listContent" href="adContent.html">
                    <div class="listingWrapper">
                        <div class="grid_8 alpha omega">
                            <div class="listingContent">
                                <div class="imgHolder">
                                    <img src="imgs/cars/SearchThumb-10053319.jpg" width="100" height="75">
                                </div>
                                <div class="descHolder">
                                    <div id="doneDeal"></div>
                                    <h3>Fancy Car</h3><div class="saveCompare"><strong>+</strong> Compare</div>
                                    <p>Lorem ipsum dolor sit amet, pri ex duis maiorum commune, illud viderer suscipiantur eam an. Dolorum recteque qui in. Pro inani nulla tacimates ex, qu</p>
                                <span class="listingPrice"><strong>€4,000</strong></span>
                                <span class="listingDate">Listed: <strong>Today</strong></span>
                                <span class="listingLocation">Co. Waterford</span>
                                <span class="listingViews">Viewed: 20 Times</span>
                                </div>
                            </div>
                        </div>
                        <div class="goTo goTo_unfocus grid_1 alpha omega">
                            <div class="gotoWrapper">
                                Click to View
                                <div class="imgVeiw"></div>
                            </div>
                        </div>
                    </div><!--End listingWrapper-->
                </a>
            </div>

Answer 1

要获取与特定选择器匹配的第一个父级，从向上的元素开始，可以使用 .closest:

$(this).closest(".listingContainer");