Question

您好我如何在我的javascript中添加第二部分。这是代码：

var $pagerT = $('<div class="pager"></div>');
var $pagerB = $('<div class="pager"></div>');
for (var page = 0; page < numPages; page++) {
    $('<span class="page-number"></span>').text(page + 1).bind('click', {
        newPage: page
    }, function(event) {
        currentPage = event.data['newPage'];
        $table.trigger('repaginate');
        $(this).addClass('active').siblings().removeClass('active');
    }).appendTo($pagerT).addClass('clickable');                 
}

基本上我想将添加到$ pagerT的同一个类添加到$ pagerB。这是代码：

}).appendTo($pagerT, $pagerB).addClass('clickable');

关于我如何处理它的任何反对意见？

Answer 1

您可以使用.add

$pagerT.add($pagerB).addClass('clickable');

Answer 2

我要说

var $pagers = $pagerT.add($pagerB);

...
}).appendTo($pagers);
$pagers.addClass('clickable');

docs表示appendTo()的参数可以是一个元素数组，在这种情况下，＆＃34;将在第一个＆之后为每个目标创建插入元素的克隆副本。＃34;

（但是我不确定$pagerT.add($pagerB)是否创建了一个数组（文档说它创建了一个集合）;或者更重要的是，这个值是否可以作为appendTo（）的参数。测试这是留给读者的练习。）

或者，如果您重视简洁性而不是可维护性，

...
}).appendTo($pagers.addClass('clickable'));

假设您要将<span>添加到$ pagerT和$ pagerB（您没有说，但您的第二个代码示例建议）并添加＆＃39 ;可点击＆＃39;两个类（你说的但是与原始代码冲突）。

在我的JavaScript中添加第二个

2 个答案: