jQuery作為一種JavaScript庫(kù),能夠簡(jiǎn)化和改善代碼效率。在操作網(wǎng)頁(yè)元素的時(shí)候,經(jīng)常需要獲取元素的id,以便后續(xù)處理。下面是一種簡(jiǎn)單的方法,通過(guò)jQuery獲取當(dāng)前元素的id。
$(document).ready(function(){ // 為所有元素添加點(diǎn)擊事件 $("*").click(function(event){ // 獲取當(dāng)前元素的id var id = $(this).attr("id"); // 在控制臺(tái)輸出id console.log("當(dāng)前元素的id為:" + id); }); });
以上代碼,首先在頁(yè)面加載完成后,為所有元素添加了點(diǎn)擊事件。當(dāng)點(diǎn)擊任何一個(gè)元素時(shí),通過(guò)jQuery的attr()方法獲取當(dāng)前元素的id,然后使用console.log()在控制臺(tái)輸出。需要注意的是,如果當(dāng)前元素沒有id屬性,那么會(huì)輸出undefined。
除了以上方法,還可以使用jQuery中的prop()方法,其用法與attr()類似:
$(document).ready(function(){ // 為所有元素添加點(diǎn)擊事件 $("*").click(function(){ // 獲取當(dāng)前元素的id var id = $(this).prop("id"); // 在控制臺(tái)輸出id console.log("當(dāng)前元素的id為:" + id); }); });
prop()方法與attr()方法最大的不同在于后者獲取的是元素的屬性值,而前者獲取的是當(dāng)前元素的屬性值。