使用jquery waypoints更新div的内容

Question

我正在使用waypoints.js

在下面给出的HTML中，当达到hardware类的航点时，它应该使用{{1}的内容更新<div>类number的内容。在div.current。

中

我的HTML：

div.hardware

我有这个：

<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>

但这对我不起作用。

Answer 1

jquery方法是contents()，而不是content()

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

P.S：contents()方法甚至检索注释节点。要从元素中获取文本内容，最好使用text()方法。