帶參數的單擊調用函數上的jQuery

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：

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

jQuery的：

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

Answer 2

使用全局數據-*

您可以在每個按鈕上使用html global data- *作為屬性來標識要顯示的div的ID。 這是一個例子：

HTML：

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

更多： w3schools 。

解：

這是在Codepen上使用jQuery的問題的解決方案。

如果要切換div，這里是Codepen上的另一個示例

PS：

從可見性更改css ：隱藏； 顯示：無； 如果您想完全隱藏它。

更多： StackOverflow

希望這可以幫助。