javascript - 单击后类之间的内容如何放入变量？

Question

如何检索以下 <div class="adding"> 之间(含)的内容并将其存储在变量中？

<div class="adding">
    <b>
        <div class="column">
            <div class="mediumCell">
                <input type="text" name="name" placeholder="توضیح" title="نام پکیج تور خارجی">
            </div>
        </div>
        <div class="column" style="margin: 5px 3px;">
            <div class="mediumCell">
                <div class="adda">
                    <a href="#" class="add_input"></a>
                </div>
            </div>
        </div>
    </b>
</div>

var adding = '<div class="adding"><b><div class="column"><div class="mediumCell"><input type="text" name="name" placeholder="توضیح" title="نام پکیج تور خارجی"></div></div><div class="column" style="margin: 5px 3px;"><div class="mediumCell"><div class="adda"><a href="#" class="add_input"></a></div></div></div></b></div>'

在每次点击中，我只想获取一次内容。

不幸的是，在两次或多次点击后，会多次一起获取内容(例如:在两次点击后，它会存储内容两次)。

我尝试过这个:

$(function () {        
    var i = $('.adding').size();
    $('.add_input').live('click', function () {
        var scntDiv = '.' + $(this)
                           .closest('.find_input')
                           .find('div')
                           .attr('class');
            var input = $(scntDiv).html();
            $(this).remove();
            $(input).appendTo(scntDiv);
            i++;
            return false;
        });
});

Answer 1

您可以使用html()方法，正如其他人所说，但有一个问题:该方法返回元素的内部 HTML 内容，因此外部 <div> 的标记元素不会包含在结果中。

由于您似乎想要该标记，因此您可以使用 clone() 解决该问题, wrap()和 parent() :

var adding = $("div.adding").clone().wrap("<div>").parent().html();