我正在为页面上的可变数量的模态文本创建功能正常和取消按钮。
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>
我已经拥有了我需要的模态功能,但填充证明很难。在关闭模态之前我想要达到的行为是:
此外,当打开模态时,可编辑的文本区域应填充真实文本区域的内容。
我已经离开了这个JQuery兔子洞,找到了各自父母的锚点,但我在选择父母的textarea孩子时遇到了麻烦。
这:alert(($(this).parent()[0].id)>("textarea"):nth-child[1];
显然是愚蠢的,并没有做任何事情,让我觉得我让它变得比它需要的更复杂。
必须有一种简单的方法来完成这项工作,对吗?
答案 0 :(得分:0)
可以使用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