JQuery с помощью Точку получить идентификатор элемента

Question

i'am с помощью Jquery путевых точек (http://imakewebthings.com/jquery-waypoints/#docs), чтобы проверить, если элемент является вид браузера, здесь 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> 

здесь JS

$('#container_1').waypoint(function() { 
    console.log("container 1 is visible"); 
}); 

это хорошо работает!

Но можно ли узнать текущий идентификатор элемента, который находится в поле зрения, и получить путевую точку? что-то вроде этого:

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

спасибо!

Answer 1

У вас нет скобки: ) в конце 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')); 
}); 

Answer 2

В waypoints.js я обнаружил, что this относится к маршрутным точкам внутреннему объекту. Если вы console.log это, хотя, вы легко найдете, как выбрать этот элемент с jquery.

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

Также ... element attribute ID return undefined