Как получить значение из дочернего блока?

Question

[Sama Samsonov]

<div class="parent_div" data-action="1">
        <div class="children">
            <div data-user_id="1" class="user_item user_link">
                <span>1</span>
            </div>
            <div data-user_id="2" class="user_item user_link">
                <span>1</span>
            </div>
            <div data-user_id="3" class="user_item user_link">
                <span>1</span>
            </div>
        </div>
    </div>

    <div class="parent_div" data-action="2">
        <div class="children">
            <div data-user_id="4" class="user_item user_link">
                <span>1</span>
            </div>
            <div data-user_id="5" class="user_item user_link">
                <span>1</span>
            </div>
            <div data-user_id="6" class="user_item user_link">
                <span>1</span>
            </div>
        </div>
    </div>

Как при клике родительского блока получить из дочернего блока значение всех data-user_id

Например: при клике первого блока получить значение ( 1, 2, 3 )

$('.parent_div').click(function(){
     $(".children").children('.user_link').each(function() {
    var term = $(this).data('user_id');
    console.log(term);
    });
});

Я пробовал так но мне выдает 1, 2, 3, 4, 5, 6 )

Answer 1

[Дмитрий Ким]

$('.parent_div').click(function(){
     $(this).find('.user_link').each(function() {
    var term = $(this).data('user_id');
    console.log(term);
    });
});

Answer 2

[Артем Спиридонов]

$(document).on('click', '.parent_div', function() {
    var items = $(this).find('.user_link');
    if (items.length)
    {
          items.each(function() {
              var term = parseInt($(this).attr('data-user_id'));
              console.log(term);
          });
    }
});