Jquery 判斷 data-* 的值有沒有包含

jquery javascript

柯柯 2018-10-17 16:44:50 ‧ 2324 瀏覽

分享至

<input class="tit" data-menu="4" type="checkbox">
<input class="tit" data-menu="4.1" type="checkbox">
<input data-menu="4.1.1" type="checkbox">
<input data-menu="4.1.2" type="checkbox">
<input data-menu="4.2" type="checkbox">

想問一下我現在有這4個checkbox
每個都有data-menu的值
我現在把data-menu 是4的打勾的話
下面其他的4開頭的都要打勾
例如打勾 4 => 自動把 4.1 4.1.1 4.1.2 4.2 打勾
或是打勾 4.1=> 自動把 4.1.1 4.1.2 打勾

要如何去判斷data的值有沒有包含4或4.1(打勾那個的值)
我用indexOf 他會錯誤說未定義function

$(document).ready(function() {
		$('.tit').on('change',function(){
			console.log($(this).data('menu').indexOf());
		})
	});

froce iT邦大師 1 級 ‧ 2018-10-17 17:14:55 檢舉

indexOf是array的方法，你這樣當然會跳沒這函數，因為這裡的this只會有一個元素而已。

柯柯 iT邦新手 2 級 ‧ 2018-10-17 17:30:38 檢舉

那我想問一下 indexOf是array的方法可是樓下他說的attr 也可以用耶是為什麼@@?

Homura iT邦高手 1 級 ‧ 2018-10-17 17:56:35 檢舉

attr是抓元素的屬性，一個元素就能用@@

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

froce

iT邦大師 1 級 ‧ 2018-10-17 19:15:31

最佳解答

https://jsbin.com/yopipaxajo/edit?html,console,output
你要的是這樣？

回應 1
分享
檢舉

柯柯 iT邦新手 2 級 ‧ 2018-10-18 10:08:29 檢舉

原來有 startsWith 這個可以用
感謝第一次知道這個函數

登入發表回應

跟著鄉民看熱鬧

iT邦高手 1 級 ‧ 2018-10-17 17:06:11

console.log($(this).attr('data-menu'));

回應
分享
檢舉

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22053 篇

完賽人數

594 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙