Получение идентификатора пользователя с помощью jQuery

Question

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

<span data-itemkey="40e1eec6-f949-468e-8a25-ba97d0ec3fb2" class="word"> 
    <div class="additionalStyling green" id="2">Approval Process</div> 
</span> 

Я попытался это, которая возвращает undefined

$(document).on("click", ".word", function (e) { 
    var id = $(".word:first-child").attr("id"); 
} 

Answer 1

Изменить это:

var id = $(".word:first-child").attr("id"); 

To:

var id = $(this).find("> div").first().attr("id"); 

Просто чтобы убедиться, что я не копируя тот же один:

var id = $(this).children().first().attr('id'); 

Answer 2

Как будет несколько элементов с классом .word, $('.word') возвращает набор элементов.

Использование

$(this) // The element that is clicked 
    .children() // Get all direct descendants 
    .first() // Get first element from it 
    .attr('id'); // Get the `id` attribute value 

Answer 3

children принимает селектор, так что вы можете сделать выше короче, таким образом:

$(document).on("click", ".word", function (e) { 
    var id = $(this).children(':first').attr('id'); 
} 

Answer 4

Try:

$(document).on("click", ".word", function (e) { 
    var id = $(this).find('[id]').attr('id'); 
});