jquery 获取不到span的值

Question

HTML：

JS：

console.log：

---

我的想法是每点击一个<li>标签，能获取到它对应class = "name" 子标签的值

在自学jquery 不知道这错误怎么解决。求大神帮忙解答下~~~

Answer 1

$(this).click(function(obj) {
    // 下面这两种方法都可以取到 li
    var context = $(e.target);
    var context = $(this);
    // 但你的这种不行
    // var context = $(obj)
    // 因为 obj 是一个 Event 对象，不是一个 DOM 对象，这里常用的名字是 e，而不是 obj
});

点击 span 时用 e.target 取不到，应该改为 e.currentTarget。

https://jsfiddle.net/0t1g56rL/

Answer 2

$('.new').click(function() {
    console.log($(this).find('.name').html());
});

Answer 3

jquery无需像原生js那样循环定义相同class的点击事件，所以不需要用each

$(".new").click(function(){
    console.log($(this).find(".name").text())
})