javascript - jQuery，不适用于span

如何使jQuery与span id标记一起使用？

jQuery无法正确看到我的ID。当我使用不带跨度的h6标签时，它可以正常工作。我愿意使用div或其他解决方法。
谢谢，

<!DOCTYPE html PUBLIC "><html>
<head>
<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type="text/javascript">
$(function(){
$('#PlusMinus').click(function() {
    if($(this).val() == "+") {
        $(this).val("-");
    }else {
        $(this).val("+");
    }
    $("body h6").toggle();
    });
});
</script>

</head>
<body>
  <input type='button' value='+' id='PlusMinus'/>
  <!--WITH SPAN THE CODE BREAKS-->
      <span id="h6">Larger</span>
      <span id="h6" style="display: none">Smaller</span>
</body>
</html>

没有跨度
h6更大/ h6
h6 style =“ display：none”>小/ h6

最佳答案

元素应具有唯一的ID。另外，您的选择器是错误的（如果选择ID，您将在前面使用＃）。尝试使用一类，因为您想影响多个项目：

<span class="h6">Larger</span>

$('.h6').toggle();