Question

我有一个超级div .listingContainer，我在页面上有大约10个，其中包含不同的内容。当我点击内部div .saveCompare时，我希望使用jQuery .listingContainer

取消所有var htmlStr = $(this).html();的html

我发现很难获得点击的div的html，我试过.parent等等，它似乎不起作用。

如果有人指出我正确的拨打电话，将不胜感激，谢谢。

            <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");

Answer 2

这应该可以满足你的要求：

$(".saveCompare").click(function() {
   alert($(this).closest(".listingContainer").html());
});

Answer 3

$(".saveCompare").click(function(ev){
  var listEl = $(this).parents(".listingContainer").first();
  //Do what ever you want with listEl. For example listEl.html() ..etc;
});

Answer 4

$(".saveCompare").parents(".listingContainer").get(0)

Answer 5

$('.saveCompare').click(function() {
  $(this).parents('.listingContainer:first');
});

Answer 6

.listContent是一个锚标记及其中的所有元素。我不确定你会得到“$（'。saveCompare'）。点击”。检查此链接

http://jsfiddle.net/Zh7HN/1/

jQuery追加当前的div

6 个答案: