0

我做了一个列出月份的函数。 

function genDate() {
        var d = new Date();

        var monthNames = [ "JAN", "FEB", "MAR", "APR", "MAY", "JUN",
        "JUL", "AUG", "SEP", "OCT", "NOV", "DEC" ];

        var day = d.getUTCDate().toString();
        var mon = d.getUTCMonth();
        var year = d.getUTCFullYear();

        $("#day").prepend('<span id="day_num">' + day + '</span>');

        var cc = mon;
        for (var i = 0; i < 12; i++) {
            $("#date_cont").append('<div class="month"><a href="" 
                  onclick="return false;" >' + monthNames[cc] + '</a></div>');

            cc++;

            if ( cc > 11 ) {
                cc = 0;
            }
        }
    }

我想要做的是让生成的 .months 元素包含不同的变量，例如它的月份索引（0-11），这些变量可以被其他函数使用。我猜这些元素将充当对象（.month 类的每个元素都有自己的唯一值）。我是 javascript 新手，所以我不知道如何实现这一点。

4

2 回答 2

1

当然，只需将其添加到数据属性中，然后再获取它？

for (var i = 0; i < 12; i++) {
    var a   = $('<a />', {href: '#', text: monthNames[i] }),
        div = $('<div />', {'class': 'month', 'data-month': i });
                                              // ^^^^^ add a data attribute !
    $("#date_cont").append( div.append(a) );
}

稍后您可以执行以下操作：

$('.month').on('click', function(e) {
    e.preventDefault();
    var idx   = $(this).data('month'),
        month = monthNames[idx];

    alert( month );
});

小提琴

于 2013-05-28T22:16:19.510 回答
0

由于您使用的是 jQuery... 如果您有一个元素...

var elem = $('<div></div>');
elem.data('day', someValue); //sets 'day' to someValue's value
elem.click(function(e){
  var d = $(this).data('day');
});

注意：您可以在 dom 元素上分配您想要的任何属性（尽量不要冲突）。

var elem = document.getElementById("mine");
elem.somePropertyName = someValue;

此外， data-* 属性被认为是将其推送到标记中的适当方式。

$('#elem').attr('data-day', someValue);
or
<div id="elem" data-day="someValue">...</div>
于 2013-05-28T22:15:25.623 回答