使用jQuery的航點

Question

更新一個div的內容，我使用waypoints.js

在下面給出的HTML，當達到hardware類的航點應該與內容更新<div>上課number的內容div.hardware內的div.current。

我的HTML：

<div class="number"></div> 

<div class="hardware"> 
    <div class="current">1</div> 
</div> 

<div class="hardware"> 
    <div class="current">2</div> 
</div> 

<div class="hardware"> 
    <div class="current">3</div> 
</div> 

<div class="hardware"> 
    <div class="current">4</div> 
</div> 

我有這樣的：

$(function() { 
    $('.hardware').waypoint(function() { 
     var addNumber = $(this).find('.current').content(); 
     $('.number').content(addNumber); 
    }); 
}); 

但這並不爲我工作。

Answer 1

jQuery的方法是contents()，不content()

$(function() { 
$('.hardware').waypoint(function() { 
    var addNumber = $(this).find('.current').contents(); 
    $('.number').contents(addNumber); 
}); 
}); 

P.S：contents()方法甚至檢索註釋節點。爲了從元素中獲取文本內容，最好使用text()方法。