jquery选择多个类并提取数据

findtail • 6 年前 • 1798 次点击

我想从多个类元素中的数据标签中提取数据。each()函数是最好的方法吗?

jQuery:

$('#copymodal').on('show.bs.modal', function (event) {

            $(".copy19").each(function(){
                var a = data('total');
                alert(a);
            });
       })

HTML:

<a class='copy19' href='#'            
      data-statementid="14"
      data-total="98078"
      data-toggle="modal" 
      data-target="#editmodal">
      Edit
</a>

<a class='copy19' href='#'            
      data-statementid="16"
      data-total="78078"
      data-toggle="modal" 
      data-target="#editmodal">
      Edit
</a>

Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/43501

文章 [ 3 ] | 最新文章 6 年前

• 1 楼

evilReiko 7 年前

$(".copy19").each(function() {
    // Like this:
    var statementid = $(this).data('statementid');
    var total = $(this).data('total');
    var toggle = $(this).data('toggle');
    var target = $(this).data('target');

    // or like this..

    var allData = $(this)[0].dataset;
    /* value of allData is object with attributes:
    allData = {
        statementid: "14",
        total: "98078",
        toggle: "modal",
        target: "#editmodal"
    }
    */
});

• 2 楼

deviprsd 7 年前

是的,每种方法都是 $('.copy19') 返回元素列表(基本上是数组)。

• 3 楼

freedomn-m 7 年前

从多个类元素中的数据标记中提取数据

使用 .map() 要获取值数组,请执行以下操作: http://api.jquery.com/jquery.map/

var totals = $(".copy19").map(function(i, e) {
    return $(e).data("total");
}).get();

console.log(totals)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a class='copy19' href='#'            
      data-statementid="14"
      data-total="98078"
      data-toggle="modal" 
      data-target="#editmodal">
      Link
</a>

<a class='copy19' href='#'            
      data-statementid="16"
      data-total="78078"
      data-toggle="modal" 
      data-target="#editmodal">
      Link
</a>

登录后回复