Как получить доступ к свойству родительского объекта? в JQuery

Question

Пробовал несколько способов, но не работало для меня .. то, что мне нужно, если я нажму на кнопку ... я хочу, чтобы получить доступ к значению литий однополых в JQuery ...

<div id="categoryListings">    
<ul class="list-group"> 
    <li value="501" class="list-group-item"> 
    Bikes <a type="button">Delete </a> 
    </li> 

    <li value="502 " class="list-group-item"> 
    Bikes <a type="button">Delete </a> 
    </li> 
</ul> 
</div> 

Answer 1

value ISN» t действительный атрибут на li элементов. Если вы хотите использовать пользовательский атрибут, который можно использовать вместо data-value:

<li data-value="501" ... > 

После изменения этого type не является допустимым атрибутом a элементов. Как и прежде, здесь вы можете использовать data-type вместо:

<a data-type="button"> 

С JQuery вы можете затем:

$('.list-group').on('click', 'a[data-type="button"]', function() { 
    var liValue = $(this).parent().attr('data-value'); 
}); 

Answer 2

Demo

JQuery

a = []; 
$(".btn").click(function(){ 
    $("li").each(function() { 
     var valueThis = $(this).attr('value'); 
     a.push(valueThis); 
     $(".valuesHere").text(a); 
    }); 
});