如何访问父对象属性？在jquery

Question

尝试了一些方法，但没有为我工作..我需要什么如果我点击按钮...我想在jquery中访问相同的li的值...

<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不是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);
    });
});