iT邦幫忙

1

(已解決)點擊按鈕改變當題div class

小斑 2018-02-08 15:46:0410108 瀏覽

HTML大概如下:

<div class="test_div">
    <button class="ok_button" id="ok_button" name="buttonCheck" style="cursor:pointer" onclick=submit(this)>確認</button>
</div>
<div class="test_div">
    <button class="ok_button" id="ok_button" name="buttonCheck" style="cursor:pointer" onclick=submit(this)>確認</button>
</div>
<div class="test_div">
    <button class="ok_button" id="ok_button" name="buttonCheck" style="cursor:pointer" onclick=submit(this)>確認</button>
</div>

我希望能在按下按鈕時,針對點擊的那個按鈕的div class做改變。
目前無論點擊哪個按鈕,都是改變第一個div class,
javascript如下:

function submit(Obj) {
var testDiv_Obj = document.getElementsByClassName("test_div");
        for (var i = 0; i < testDiv_Obj.length; i++) { 
          document.getElementById("test_div").className = "new_div";
        }
};

請幫幫忙~感謝~

暐翰 iT邦大師 1 級 ‧ 2018-02-08 16:04:18 檢舉
script改成以下就可以,原理請看註解 :)
``` javascript
<script>
function submit(Obj) {
/*
obj = 按的按鈕
parentNode 可以找到它上一層 div
className 改成你要的
*/
Obj.parentNode.className = "new_div";
};
</script>
```
小斑 iT邦新手 3 級 ‧ 2018-02-08 16:11:25 檢舉
謝謝,那請問若想找上上一層 div 呢?
小斑 iT邦新手 3 級 ‧ 2018-02-08 16:16:24 檢舉
我剛剛試了
Obj.parentNode.parentNode.className = "new_div";
可以改到上上一層了
謝謝您
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答