目前幾種借用jQuery選取點擊元素獲得當前點擊元素信息,
$(document).click(function(e) { // 在頁面任意位置點擊而觸發此事件
$(e.target).attr("id"); // e.target表示被點擊的目標
})
//此方法對於想要獲取擊元素獲得當前點擊元素信息如id,value,等信息,無法准確定位,獲取,因此需要this,及當前之意
借用this獲取當前元素信息
HTML代碼
<ul>
<li class="a" id="ongoing">正在進行</li>
<li id="about_to_begin">即將開始</li>
<li id="past_activities">往期活動</li>
</ul>
js代碼
$(document).ready(function(){
$("li").click(function(){ //點擊可通過標簽,id,類名等
// alert($(this).attr("id")) //此處可以拿到點擊元素的id ,取到其value值及用attr()方法
alert($(this).html()) //拿到點擊元素的內容
//拿到內容后即可使用ajax 方法與后台交換數據,進行交互
var code = $(this).attr("id")
// console.log(code)
$("#a div").remove(); //配合點擊事件拿到元素的同時刪掉HTML頁面部分內容 同時也可用添加元素的方法添加元素
$("#b div").remove();
$("#c div").remove();
})
});
