jQuery选取点击元素获得当前点击元素信息

Posted 2020-12-28 beidouwangyue

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