jQuery追加当前div

我有一个外部div .listingContainer，我有约10这些在页面上的所有不同的内容。当我点击内部的div .saveCompare我想使用jQuery var htmlStr = $(this).html();jQuery追加当前div

我发现很难获得点击的div的HTML得到的HTML掉所有的.listingContainer，我试图.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>

来源

2012-03-08 Keith Power

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

来源

2012-03-08 14:00:39

要获得一个特定的选择匹配，从一个元素上升起的第一家长，您可以使用.closest：

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

来源

2012-03-08 14:01:50 pimvdb

这应该做到你的要求：

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

来源

2012-03-08 14:02:18 CamelCamelCamel

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

来源

2012-03-08 14:02:26 Luccas

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

来源

2012-03-08 14:02:28 Fourth

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

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

来源

2012-03-08 14:15:57

jQuery追加当前div

回答

相关问题