jQuery選取點擊元素獲得當前點擊元素信息


目前幾種借用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(); }) });

  

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM