有没有办法使这段代码变种？

Question

我有以下代码：

case "/buy":
        $('<p>What do you want to buy?<br><br></p>').hide().appendTo("#placeholder").fadeIn(1000);
        break;

因为我有很多情况，所以我想制作.hide().appendTo("#placeholder").fadeIn(1000); 变成一个变量。

我尝试了var addText = .hide().appendTo("#placeholder").fadeIn(1000); 但这不起作用。 有什么办法可以使这项工作吗？

Answer 1

你不能那样做

var addText = .hide().appendTo("#placeholder").fadeIn(1000);

但最好改用一个函数：

var addText = function(el){
  el.hide().appendTo("#placeholder").fadeIn(1000);
}

并像这样使用它：

var el = $('<p>What do you want to buy?<br><br></p>');
addText(el);

---

要么

addText( $('<p>What do you want to buy?<br><br></p>') )

Answer 2

您可以将其放入一个函数中：

var hideAppendAndFade = function (element) {
    $(element).hide().appendTo("#placeholder").fadeIn(1000);
};

然后在需要时调用该函数：

hideAppendAndFade('<p>What do you want to buy?<br><br></p>')

（我猜想变化将在选择器上进行。调整以适应您需要变化的任何其他内容，或者，如果函数的不同调用之间根本没有变化，则对所有内容进行硬编码。）

Answer 3

另一种选择是只堆叠您的箱子。

case "/buy":
case "/buy2":
case "/buy3":
case "/buy4":
        $('<p>What do you want to buy?<br><br></p>').hide().appendTo("#placeholder").fadeIn(1000);
        break;

然后如果您仍然想要创建函数

var hideAppendAndFade = function (selector) {
    $(selector).hide().appendTo("#placeholder").fadeIn(1000);
};

并把它放在你的箱子里

case "/buy":
case "/buy2":
case "/buy3":
case "/buy4":
        hideAppendAndFade('<p>What do you want to buy?<br><br></p>');
        break;