我如何停止接收:TypeError:$(...)。attr(...)是未定义的?

时间:2013-08-14 19:02:32

标签: jquery

我正在使用jQuery 1.7.0,并且我一直收到TypeError:$(...)。attr(...)未定义。有人可以告诉我这是什么问题吗?我的jQuery在下面。谢谢。

    function removeNewItem() {
        $('.aboutitemdelete').unbind('click');

        $('.aboutitemdelete').on('click', function () {

            // Get Related Object
            var current = $(this).attr('rel').replace('aboutitemremove_', '');

            // Removing Element
            $('#aboutitem_' + current).remove();

            //Assign Current Element Count
            answercount = parseInt($('#answercount').val());
            answercount -= (answercount > 1) ? 1 : 0;
            $('#answercount').val(answercount);
        });
    };

    $(document).ready(function () {
        $('.button_admin_newitem').on('click', function () {

            alert('a');

            current = $('.aboutsectionitem:last').attr('id').replace('aboutitem_', '');
            current = Number(++current);

            alert('b');

            $('div.aboutitemsholder').append('<div id="aboutitem_' + current + '" class="aboutsectionitem"><h4 class="titlebar_span">About Page Item</h4><div class="aboutrow_sep"><label>Section Label</label><input id="seclabel_' + current + '" type="text" class="text" /><div class="clear"></div></div><div class="aboutrow_sep"><label>Section Content</label><div class="aboutrow_editor_holder">Telerik Editor Goes Here<div class="clear"></div></div><div class="clear"></div></div><div class="aboutrow_sep"><label>Enabled?</label><input id="itemenable_' + current + '" type="checkbox" class="checkbox" /><div class="clear"></div></div><div class="aboutrow_sep"><label>Sort Order</label><input id="sortitem_' + current + '" type="text" class="text" style="max-width: 50px;" /><div class="clear"></div></div><div class="clear"></div><div class="aboutitemremove"><label>Delete</label><a href="#" class="aboutitemdelete" rel="aboutitemremove_' + current + '"><span>Remove</span></a></div></div>');

            answercount = parseInt($('#answercount').val()) + 1;
            $('#answercount').val(answercount);

            removeNewItem();

            return false;
        });
    });

1 个答案:

答案 0 :(得分:14)

http://api.jquery.com/attr/

  
    

从jQuery 1.6开始,.attr()方法为尚未设置的属性返回undefined。

  

我猜你正在搜索的属性没有设置在你正在搜索它的元素上。因此,.replace失败,因为undefined没有替换方法。你需要先确保它没有被定义。

var current = $(this).attr('rel');
current = current ? current.replace('aboutitemremove_', '') : '';

也为下一个区域的id做这个。