jQuery每個隻影響最後一個項目

爲什麼？

$("span").each(function(index) { 
 
    var $this = $(this); 
 
    $(".divers-details").html($this.text() + "<br>"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="wine-name"><span>Cabernetj </span></div> 
 
<div class="wine-name"><span>Caberneth </span></div> 
 
<div class="wine-name"><span>Cabernetg </span></div> 
 
<div class="wine-name"><span>Cabernetl</span></div> 
 
<br/> 
 
<p class="divers-details"></p>

http://jsfiddle.net/UJgAa/931/

來源

2017-05-01 Unmecparla

append方法它正在與每一個'each'迭代overwrited ... –

什麼是這裏預期的行爲？「潛水員細節」內容不斷被覆蓋。 – dana

因爲......它正在影響它們全部，***一個接一個*** –

此行是你的問題......

$(".divers-details").html($this.text() + "<br>");

的html方法不追加到.divers-細節DIV，它只是用新值替換它中的任何內容 - 意味着替換內容。

你想要做的是使用append方法，其中（顧名思義）附加一個值。那麼也就是說......

$(".divers-details").append($this.text() + "<br>");

你可以閱讀更多關於http://api.jquery.com/append/

來源

2017-05-01 22:09:58

Thx Tim Holt求助，我學習jquery！ – Unmecparla

jQuery每個隻影響最後一個項目

回答

相關問題