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();