Cannot read property 'firstChild' of undefined

Question

<ul>
  <li onclick=abc();><a href="javascript:void(0);">12234588</a></li>
  <li onclick=abc();><a href="javascript:void(0);">12234588</a></li>
  <li onclick=abc();><a href="javascript:void(0);">12234588</a></li>
</ul>


<script>
  var abc =  function(){
     $(this).addClass("ab").siblings().removeClass("ab");
    }
</script>    

点击页面，提示的是错误是：Uncaught TypeError: Cannot read property 'firstChild' of undefined； 想问下这个是什么原因。。搞不懂

Answer 1

你的写法有一定的问题，this指向的是windows，并不是你想指向的<li>

<ul>
  <li onclick="abc(this)"><a href="javascript:void(0);">12234588</a></li>
  <li onclick="abc(this)"><a href="javascript:void(0);">12234588</a></li>
  <li onclick="abc()"><a href="javascript:void(0);">12234588</a></li>
</ul>

<script>
    var abc =  function(obj){
        $(obj).addClass("ab").siblings().removeClass("ab");
    }
</script>

这样就可以了。