Javascript 如何使用jQuery阻止按钮在div标记内切换？

我有一个链接可以触发div标签进行切换。问题是我不希望我的按钮（在div中）切换。如何阻止它切换

这是我的html代码：-

<a href="#" id="uploadVideoLink" class="menuLink"> Upload Videos </a>
<div id="uploadVideos" class="menu">
  <input name="submit" type="submit" value="Upload" id="btn" />
</div>

---

你需要把它放在

之外，如果一个元素里面没有所有的元素，你就无法隐藏它。这就是DOM的方式。

如果您的意思是不想隐藏按钮，那么这是不可能的，我认为只要按钮在div内，因为

toggle（）

assign

display:none到div，从而隐藏其中的所有内容

您可以做一件事（这将切换div中的所有元素，但不会切换按钮）：


一些文字
一些文字
$（文件）。准备好了吗(
函数上传（）{
$（“#上传视频链接”）。单击(
函数uploadTog（）{
$（“#上传视频*：非（#btn）”）.toggle（）；
});
});

拨弄
如果我理解正确，您需要将按钮移到div之外。稍微调整一下样式，您应该能够使界面看起来正确

将切换的on DIV置于外部按钮的顶部，并将另一个相同的按钮置于原始按钮顶部的DIV内部。或者将切换的DIV放置在按钮旁边/正下方，然后创建一个边框，使其看起来像按钮现在是切换DIV的“一部分”。
好的，按钮位于DIV内部。如果不想在DIV隐藏时隐藏它，则必须将其取出。实际上，此jQuery的目的是使其行为类似于选项卡。当我点击链接时，div出现了。在div中，我不希望我的按钮在单击时切换。只有div才应该切换。也许他想切换div中的所有内容，但按钮我是“她”。是的，这正是我想要的。如果我把按钮放在div外面，我的按钮就会显示出来。我只想在切换div时显示它。然而，我不希望我的按钮像开关一样工作。啊，对不起，。。我是新来的。好的，我接受。我找到了它的位置。顺便说一下，谢谢：）
$(document).ready(
  function upload(){$("#uploadVideoLink").click(
     function uploadTog(){$("#uploadVideos").toggle();}     
  );}   
);  

<a href="#" id="uploadVideoLink" class="menuLink"> Upload Videos </a>
<div id="uploadVideos" class="menu">
    <div>sometext</div>
    <input name="submit" type="submit" value="Upload" id="btn" />
    <div>sometext</div>
</div>

$(document).ready(

function upload() {
    $("#uploadVideoLink").click(

    function uploadTog() {
        $("#uploadVideos *:not(#btn)").toggle();
    });
});