Javascript 使用输入的值并将其引用到DIV元素并附加到它（）

我正在尝试做一个简单的代码（这样我就不必复制并粘贴到多个按钮上），其中有任意数量的按钮，它们的值很简单，比如“Home”、“Contact”、“Register”等等。因此，每当我单击该按钮时，就会在div（内容区域）元素中显示一个隐藏的div

我的意思是：

（hiddenstuff123 id=home）（hiddenstuff321 id=register）（hid22st id=contact）

输入按钮

分区

单击“主页”按钮，hiddenstuff123将显示在DIV区域上，按“联系人”和hid22st显示，依此类推

---

因此JavaScript将收到一个GenericButton点击，并获取按钮值，然后用该id（按钮值）选择一个div，并将其附加到“div区域”。 所以我会显示我已经得到的代码

$('input:button').click(function(){
 var contentName = $(this).val().toLowerCase();
 $(contentName).appendTo('#pageContent');
});

到目前为止唯一的问题是，他没有根据按钮值选择特定的隐藏div

---

感谢并抱歉我的英语不好。

假设您已经分配了

，

等，这应该可以：

$('input:button').click(function(){
    var contentName = $(this).val().toLowerCase();
    $('#' + contentName).appendTo('#pageContent');
})

$(':button').click(function(){
   var _id = $(this).val();
    $('#'+_id).appendTo('#pageContent');
});

---

考虑到以下HTML：

<button value="contact">CONTACT</button>

<div id="contact"></div>

contentName是要显示的DIV的ID，对吗？因此，jQuery应该通过在ID前面添加“#”来告诉您这是一个ID

$（'input:button'）。单击（函数（）{
var contentName=$（this.val（）.toLowerCase（）；
$（'#'+contentName）.appendTo（'#pageContent'）；
});

好的，当显示div时，这会起作用，出于某种原因，当我单击两次时，OWN按钮会附加到contentArea。例如，Home按钮，当我单击一次时，隐藏的内容会毫无问题地进入div区域，但当我再次单击时，Home按钮本身会进入内容区域。Home按钮的id是什么？和那个部门的身份证一样吗？到目前为止你做了什么？我们能看看你的密码吗？你可以把它粘贴到你的问题上。