如何从按钮中提取名称（jQuery导航）？

Question

特定站点上的部分源代码如下：

                                    .
                                    .
                                    .

                       <div class="list-group-item">
        <strong>item 1</strong>
        description
        <a class="btn btn-default btn-xs pull-right listing-sub-remove"
           data-id="5e98a2dc5e0aye57597b181b">
            Unsubscribe
        </a>
    </div>
                        <div class="list-group-item">
        <strong>item 2</strong>
        description
        <a class="btn btn-default btn-xs pull-right listing-sub-remove"
           data-id="5e58ac128edaey3f2935d94b">
            Unsubscribe
        </a>
    </div>
                                    .
                                    .
                                    .

如何获取每个data-id值？

我尝试过

      $('.list-group-item').each(function(){
        var text = ($(this).text());
        console.log(text);
      });

但是它返回item 1(2)，description和Unsubscribe文本。

我也尝试过

      $('.btn btn-default btn-xs pull-right listing-sub-remove').each(function(){
        var text2 = ($(this).text());
        console.log(text2);
      });

但是这根本不起作用。我应该使用什么命令来成功获取数据ID值？

Answer 1

您可以这样做：

 $(".btn").each(function(){
    console.log($(this).data("id"));
 });