我想要五个变量,全部为空并等待将内容放入其中。我还希望将文本框的内容放入上面的五个变量之一中,并发布到已经存在的特定 div 中。我希望脚本在选择放置新内容的变量之前检查其他变量是否有内容。我会给你一个小例子来理解我在找什么。
例子:
假设我的网站上有三个人,他们在文本框中输入内容。按下按钮。我希望将文本框中的内容放在第一个可用变量中,并放在名为“promoted”的特定 div 中。所以说约翰、吉姆、杰克都在我的网站上,约翰输入“google.com”并按下提交。我希望将“google.com”放入第一个变量并放入 div 中,使其显示在网站上。然后 Jim 在文本框中键入“stackoverflow.com”并按下提交,我希望将“stackoverflow.com”放入第二个变量并放入 div 中,使其显示在网站上的“google.com”下方。Jake 在文本框中键入“yahoo.com”并按下提交。我希望第三个变量是“yahoo.com”并将其放入 div 中,将其显示在“google.com”和“stackoverflow.com”下方的网站上。一旦所有五个变量都已满,我希望提交下一个内容来替换第一个。我希望这是有道理的。
我试过的代码:
function promote() {
$(this).parent().parent().find('input').each(function() {
$(this).replaceWith('<div class="promoted"><a href="' + $(this).val() + '">' + $(this).val() + '</a></div>');
});
}