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>

这样就可以了。