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

回答

相關問題