javascript - 不确定为什么我会返回 [object Object]

Question

我终于能够弄清楚如何从此元素中删除文本但保存嵌套在其中的按钮。

HTML:

<div id="modal" class="modal-animation">
    <p id="output">This app will go through some of your markup to determmine if it could be more accessible.  We will start by checking the alt tags on your images, seeing if they exist, or if the tags are empty!<br>
    <a id="appButtonNextChecker" class="button button-primary modal-button">lets get started!</a>
    </p>
</div>

JS:

EventUtility.addHandler(newBtnName, 'click', function(e) {

    var $noRemove = $('#output').find('#appButtonNextChecker'),
         text = 'flim-flam ' + $noRemove;
         console.log('next Checker, button!');

                $('#output').html(text);
});

然后我尝试将一个新字符串与我保存的按钮连接起来，但令我惊讶的是我收到了 [object Object]?

我在某处读到这是一个范围界定问题，但我不确定这在此处如何适用？任何帮助将不胜感激!

Answer 1

如果你正在做 .html( $noRemove ) 那会很好，但是当你想连接一个字符串时，你必须得到 html (string) 来连接到字符串. 您不能连接字符串和对象。:

使用:

var text = 'flim-flam ' + $noRemove.html();

或者，要获取所有由$noRemove 表示的html，使用:

var text = 'flim-flam ' + $('<div/>').html( $noRemove ).html();

或者:

var text = 'flim-flam ' + $noRemove[0].outerHTML;
//WARNING -- works only if $noRemove.length equals 1