使用jquery航路點更新div的內容

Question

我正在使用waypoints.js

在下面給出的HTML中，當到達hardware類的航路點時，應使用div.current中的div.hardware的內容更新具有類number的<div>的內容。

我的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);
 });
});

PS： contents()方法甚至檢索注釋節點。 為了從元素中獲取文本內容，最好使用text()方法。