在 JQuery 中切换大小写

Question

我正在试验这个小代码。我的想法是将标签放在每个区分标签内，并使用 parent() 方法将字符串值存储在 switch 中，以便这个人匹配每个案例并输出相应的答案。这是我的代码：

<!DOCTYPE html>
    <html>
    <head>
    <title>Test</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    </head>
    <body>
        <div> <button>Button in a div</button> </div>
       <span> <button>Button in a span</button> </span>
     <strong> <button>Button in a strong</button> </strong>
       <p>    <button>Button in a p</button> </p>
      <table> <button>Button in a table</button> </table>
    <p id='info'></p>
    <script>
      $('button').click(function(){
      var x = $(this).parent()
      switch(x){
        case "div":
        $('#info').html('You pressed button whose parent is div')
        break
        case "span":
        $('#info').html('You pressed button whose parent is span')
        break
        }
        )}
    </script>
    </body>
    </html>

这里只有 2 个案例，因为我不确定代码是否有效所以是的，时间就是黄金。我没有全部输入，但我希望你们能理解我的意思....抱歉，我的介绍很乱，我对这个网络开发有点陌生。

Answer 1

tagName 应该为您提供父元素的实际标签名称。

$('button').click(function(){
  var x = $(this).parent().tagName;
  switch(x){
    case "div":
      $('#info').html('You pressed button whose parent is div');
      break;
    case "span":
      $('#info').html('You pressed button whose parent is span');
      break;
  }
)};

在 JQuery 中切换大小写

Swtich case in JQuery

jquery

parent

switch-statement