Question

我有多个div.Each div包含一个文本和一个“编辑”按钮。点击按钮后，文本框将附加到div.My要求是当我点击任何地方接受文本框时，文本框变得不可见，只有div和“编辑”按钮将显示原样。请帮助我。

Answer 1

给出以下HTML：

<div class="outer">
    <div>
        <span>text</span><input class="edit" type="button" value="Edit" />
    </div>
    <div>
        <span>text</span><input class="edit" type="button" value="Edit" />
    </div>
    <div>
        <span>text</span><input class="edit" type="button" value="Edit" />
    </div>
</div>

你可以使用这样的javascript：

$(".edit").click(function() {
    var $new = "<input type='text' class='edittext'></input>";
    $(this).parent().append($new);
    $(this).parent().find(".edittext").focus();

});

$(".outer").on("focusout", ".edittext", function() {
    $(this).remove();
});

示例小提琴：http://jsfiddle.net/johnkoer/mrJcp/9/

Jquery模糊处理

1 个答案: