JQuery___实现多Div获取当前div中子元素的属性


引言

无力引荐任何背景。为啥?

你可信,我至今未用过JQuery...

一种深深的罪恶感,早听说JQuery属于前端必备JS框架,也就只是久仰~~

正文

先贴上示例:



一开始我是使用e.target来获取当前div对象的,通过console.log(e)观察:

currentTarget是指触发事件发生的div,
而target指的是当前触碰的对象。

$('div').click(function(e){  
    alert($(this).attr('id'));  
       
    //alert($(e.target).attr('id'));  
});  

同时也可以用上面这种写法,被注释的 是获取当前被点击到的对象,而不是div。
未被注释的跟 e.currentTarget等价。

alert($(this).find("input").attr('value'));

可以获取到div中的input标签的value属性值。

$(".press").click(function(e){
    console.log(e);
    //alert($(e.currentTarget).attr("id"));
    //alert($(this).attr('id'));  
    //alert($(this).find("input").attr('value'));
    
    location.replace($(this).find("input").attr('value'));
});

效果为:点击某个div块,获取到对应的url,并作跳转。

你可能感兴趣的:(JQuery___实现多Div获取当前div中子元素的属性)