多次调用变量

Question

我试图多次调用变量，但它只在一次工作。我猜你只能使用这个变量一次。有办法绕道吗？

这是我想要达到的一个例子..。

var prependThis = $('<li><a href="#">PREPEND ME</a></li>');
var andThis = $('<li><a href="#">PREPEND ME TOO</a></li>');
$(function () {
    if ($('body').hasClass('test')) {
        $(prependThis).prependTo($('.testing'));
        $(andThis).prependTo($('.test'));
    } else if ($('body').hasClass('anothertest')) {
        $(prependThis).prependTo($('.testing'));
        $(andThis).prependTo($('.test'));
    }
});

Answer 1

没有使用选择器获得有效的jQuery对象：

var prependThis = $('<li><a href="#">PREPEND ME</a></li>');
var andThis = $('<li><a href="#">PREPEND ME TOO</a></li>');

见这里。

如果要附加字符串，只需将它们以引号形式赋值给变量：

var prependThis = '<li><a href="#">PREPEND ME</a></li>';
var andThis = '<li><a href="#">PREPEND ME TOO</a></li>';

这将在DOM中显示HTML代码。

所以你可以：

$(function() {
if ($('body').hasClass('test')){
    $(prependThis).prependTo('.testing');
    $(andThis).prependTo('.test');
}
else if ($('body').hasClass('anothertest')){
    $(prependThis).prependTo('.testing');
    $(andThis).prependTo('.test');
}

});

注意，您确实漏掉了这里的一个信号引号，$(prependThis).prependTo('.testing');

jsFiddle

Answer 2

DOM对象只能追加一次。您需要克隆jQuery元素，以便能够多次追加它。

var prependThis = $('<li><a href="#">PREPEND ME</a></li>');
var andThis = $('<li><a href="#">PREPEND ME TOO</a></li>');

$(function () {
    if ($('body').hasClass('test')) {
        prependThis.clone().prependTo($('.testing'));
        andThis.clone().prependTo($('.test'));
    } else if ($('body').hasClass('anothertest')) {
        prependThis.clone().prependTo($('.testing'));
        andThis.clone().prependTo($('.test'));
    }

});