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案例

1 个答案: