使用全局数据 - *

Question

当我点击任何按钮时，它告诉我showElement未定义。我正在寻找创建一个名为showElement的可重用函数，只要我想通过传递该div的id来显示div，就可以调用它。我究竟做错了什么？ https://jsfiddle.net/2taswyy6/20/

这是我的HTML：

<button onclick="showElement('div1')">
Show Div 1
</button>
<button onclick="showElement('div2')">
Show Div 2
</button>

<div hidden id="div1">Showing Div 1</div>
<div hidden id="div2">Showing Div2</div>

更新：这是我的jQuery：

  function showElement(id){
    $('#'+id).show()
  }

Answer 1

HTML：

module multiplication_tb; 
  reg clk, start, finish; 
  reg [15:0] mult_A,  mult_B;
  reg [31:0] R; 

  com_multiplication U0 (  
  .mult_A                   (mult_A),
  .mult_B                   (mult_B),
  .R                        (R) 
  ); 

  /*ser_multiplication U1 (  
  .clk                      (clk),
  .start                        (start),
  .finish                   (finish),
  .mult_A                   (mult_A),
  .mult_B                   (mult_B),
  .R                        (R)
  ); */


  initial 
  begin 
  $display("time\t clk start finish");  
  $monitor ("%g\t %b %b %b %b %b %b", $time, clk, start, finish, mult_A, 
mult_B, R);
    #100     clk = 0; 
    mult_A =0;
    mult_B = 0;
    #10 mult_A = 2;
    mult_B = 3;
   #20 mult_B=2;

   #10 mult_B=5;
   #100 $finish;
 end 

 always 
 #5 clk = !clk; 

endmodule

jQuery的：

<button onclick="showElement('div1')">
Show Div 1
</button>
<button onclick="showElement('div2')">
Show Div 2
</button>

<div style="display:none" id="div1">Showing Div 1</div>
<div style="display:none" id="div2">Showing Div2</div>

Answer 2

使用全局数据 - *

您可以在每个按钮上使用html全局数据*作为属性来标识要显示的div的ID。这是一个例子：

HTML：

<button data-div-id="1" class="button">Show Div 1</button>

更多：w3schools。

解决方案：

以下是Codepen上使用jQuery的问题解决方案。

如果你想在这里切换div是另一个Codepen

的例子

PS：

将css从 visibility：hidden; 更改为 display：none; ，如果您想完全隐藏它。

更多：StackOverflow

希望这有帮助。

带有参数的单击调用函数的jQuery

2 个答案:

使用全局数据 - *

解决方案：

PS：