Question

我的代码有问题。 Chrome代码观众说第21行有问题，问题是：Uncaught TypeError: Object #<HTMLElement> has no method 'parent'。这是jQuery代码：

  $('.plus').click(function(){
    if ($(this).text() == "+"){    /* 1 IF       */
        $(this).text("-");

        if (! ($(this).parent().next().is('ul'))){            /* 2 IF */
        var element_id = $(this).parent().attr('id') 
        var id = '#' + element_id
        var url = "/accounts/profile/thingh_update/" + element_id + "/";

        $.getJSON(url, function(data){
        var items = []

        $.each(data, function(index, value) {    if(value.pk)        
        items.push('<li id="' + value.pk + '">' + value.fields.title + '&nbsp;&nbsp;<span class="plus">+</span></li>');});

        $('<ul/>', {
        html: items.join('')
        }).insertAfter(id); })
        } else {(this).parent().next().children().show()}    /* 2 ELSE */
      } else {$(this).text('+').parent().next().hide()}    /* 1 ELSE */
  })    
})

我的HTML看起来像这样：

<ul>
    <li id="3"><a href="/my/proper/url/">this is for eat</a>&nbsp;&nbsp;
    <span class="plus">+</span></li> <!-- after clickin this I get proper json data, and "+" is cahnged to "-", and the next "<ul>" element appear -->
    <ul>
    <li id="4">fishes&nbsp;&nbsp;
    <span class="plus">+</span></li>
    </ul>
</ul>

当我点击第一个“li”元素中的“ - ”然后再次点击“+”时，我得到：

Uncaught TypeError: Object #<HTMLElement> has no method 'parent'

也许我错过了一些明显的东西，但我还没有进入jQuery。我要求对初学者有一些宽容，以及我在哪里可以搞错的任何想法。感谢。

Answer 1

在这一行：

} else {(this).parent().next().children().show()}

你在$之前缺少(this)，这意味着你试图在DOM元素而不是jQuery对象上调用parent()。

Answer 2

} else {(this).parent().next().children().show()}

您在$之前忘记了(this)。它应该是：

} else {$(this).parent().next().children().show()}

jQuery - 未捕获TypeError：对象＃<htmlelement>没有方法'parent'</htmlelement>

2 个答案: