Question

我正在为页面上的可变数量的模态文本创建功能正常和取消按钮。

HTML看起来像这样：

<a href="#00001_Modal" class="modal">note</a> 
        <div id="00001_Modal" class="window bgiframe"> 
            <h3>Notes for Print Speed:</h3>
            <textarea name="00001_NoteText" id="00001_RealTextArea" class="rlTb"></textarea>
            <textarea name="00001_TempNoteText" id="00001_TempTextArea" class="rte"></textarea>
            <a href="#" class="close-modal cancelBtn">Cancel</a>
            <a href="#" class="close-modal doneBtn">Done</a>
        </div>

我已经拥有了我需要的模态功能，但填充证明很难。在关闭模态之前我想要达到的行为是：

“取消”锚定清除可编辑（第二个）textarea
“完成”主播从可编辑的textarea进入并将其放入真实的（第一个）textarea

此外，当打开模态时，可编辑的文本区域应填充真实文本区域的内容。

我已经离开了这个JQuery兔子洞，找到了各自父母的锚点，但我在选择父母的textarea孩子时遇到了麻烦。

这：alert(($(this).parent()[0].id)>("textarea"):nth-child[1];

显然是愚蠢的，并没有做任何事情，让我觉得我让它变得比它需要的更复杂。

必须有一种简单的方法来完成这项工作，对吗？

Answer 1

可以使用closest()功能完成。这是一个例子：

$('.cancelBtn').click(function(){
    $(this).siblings('.rte').val('');
    return false;
});

$('.doneBtn').click(function(){
    $(this).siblings('.rlTb').val( $(this).siblings('.rte').val() );
    return false;
});

此处示例jsfiddle.net

在Modal Textarea中使用JQuery OK和Cancel函数

1 个答案: