Javascript 使用航路点获取元素id的jquery

我正在使用jquery waypoints（）检查浏览器视图中是否有元素，这里是html：

<div class="container" id="container_1">1. Container</div>
<div class="container" id="container_2">2. Container</div>
<div class="container" id="container_3">3. Container</div>
<div class="container" id="container_4">4. Container</div>

这个很好用

但是，是否有可能找到正在查看的元素的当前id以及触发的航路点？大概是这样的：

$('.container').waypoint(function() {
         console.log("id of element: " + $(this).attr('id');
    });

---

谢谢

您缺少console.log末尾的括号：

）

，否则它会工作

$('.container').waypoint(function() {
         console.log("id of element: " + $(this).attr('id'));
    });

如果您感到困惑，也可以这样使用：

$('.container').waypoint(function() {
    var $this = $('.container');         
    console.log("id of element: " + $this.attr('id'));
});

---

在waypoints.js中，我发现

这个

指的是一个waypoints内部对象。但是，如果您使用console.log，您很容易找到如何使用jquery选择该元素

handler: function (direction){
    var DOMElement = $(this.element);
    console.log($(this.element).attr('data-id');
}

还有

handler: function (direction){
    var DOMElement = $(this.element);
    console.log($(this.element).attr('data-id');
}