更改動態添加元素的背景

Question

我想更改dom中最後添加元素的背景。在這裏給你一個更好看的是HTML：

<div class="check-in-wrapper"> 
     <div class="ui-grid-a"> 
     <div class="ui-block-a"> 
      <span class="ticket-img"> 
       <img class="image" src="img/icons/ticket.png"> 
      </span> 
     </div> 

     <div class="ui-block-b"> 
      <h4>Inchecken</h4> 
      <div class="check-in-notification-append"></div> 
     </div> 
     </div> 
    </div> 

    <div class="douane-wrapper"> 
     <div class="ui-grid-a"> 
     <div class="ui-block-a"> 
     <span class="douane-img"> 
      <img class="douane-img image" src="img/icons/douane.png"> 
      </span> 
     </div> 

      <div class="ui-block-b"> 
      <h4>Douane</h4> 
      <div class="douane-notification-append"></div> 
     </div> 
     </div> 
    </div> 

    <div class="gate-wrapper"> 
    <div class="ui-grid-a"> 
    <div class="ui-block-a"> 
     <span class="gate-img"> 
     <img class="gate-img image" src="img/icons/gate.png"> 
     </span> 
    </div> 

    <div class="ui-block-b"> 
    <h4>Gate</h4> 
     <div class="gate-notification-append"></div> 
     </div> 
    </div> 

我在哪裏的元素追加到check-in-notification-append，douane-in-notification-append，gate-in-notification-append在此間舉行的js文件更好看。

$(document).on("pagebeforeshow","#progress",function(){ 

    var incheckHtml = ''; 
    var douaneHtml = ''; 
    var gateHtml = ''; 

    for(var count = 0; count < info.data.length; count++){ 
     var shortmessage = info.data[count][3]; 
     var category = info.data[count][4]; 
     var typeOf = info.data[count][5]; 

     if(typeOf === "warning"){ 
      imgPath = 'img/icons/alarm.png'; 
     } else { 
      imgPath = 'img/icons/alert.png'; 
     } 


     if (!Array.prototype.last){ 
      Array.prototype.last = function(){ 
       return this[this.length - 1]; 
      }; 
     }; 


     if (category === 'inchecken'){ 
      incheckHtml = incheckHtml + "<div class='notification-item'><img class='notification-image' src=" + imgPath + "><span class='notification-text'>" + shortmessage + "</span></div>"; 
      // $('.check-in-wrapper').empty().prepend(incheckHtml); 
      $('.check-in-notification-append').empty().prepend(incheckHtml); 
     } 

     if(category === 'douane'){ 
      douaneHtml = douaneHtml + "<div class='notification-item overlay'><img class='notification-image' src=" + imgPath + "><span class='notification-text'>" + shortmessage + "</span></div>"; 
      $('.douane-notification-append').empty().prepend(douaneHtml); 
     } 

     if(category === 'gate'){ 
      gateHtml = gateHtml + "<div class='notification-item overlay'><img class='notification-image' src=" + imgPath + "><span class='notification-text'>" + shortmessage + "</span></div>"; 
      $('.gate-notification-append').empty().prepend(gateHtml); 
     } 
    } 
}); 

但我怎麼存取權限的最後添加元素的所有類別，它消除了階級"overlay"。我希望有人能夠幫助我訪問最後添加的元素和removeClass覆蓋。我寫了一個.last() function但這隻會給我陣列中最後一個對象的輸出...

Answer 1

我認爲你可以通過使用一些通用的選擇器來適應所有可能受到影響的元素並使用Jquery的last（）函數。

$(".allMyThings").last().removeClass("overlay"); 

https://api.jquery.com/last/