Question

我知道在使用以下内容完成页面加载后添加的元素上运行jQuery：

$(document).on('click', '.element', function() {
    // code
});

但是，我不认为这是我解决问题的方法。

我在页面上有一堆textareas，以及带有一些预填充内容的模态。用户可以单击按钮将模态中的信息复制/粘贴到特定的文本区域，具体取决于他们单击哪个按钮来打开模态。

打开模态代码：

$('.modal-button').on('click', function() {
    var rel = $(this).attr('rel');
    var height = _window.height();
    $('#'+rel).css('height', height).addClass('active').fadeIn(200);
    // identify textarea
    $(this).parent().find('.wpcf7-textarea').addClass('input-content');
});

复制/粘贴代码：

$('.add-to-cv').on('click', function() {
    var content = $(this).closest('.cv-content');
    var input = $('textarea.input-content'); // this bit doesn't work
    input.val(content.text());
    closeModal();
});

所以问题是，我在打开模态时向textarea添加一个识别类，然后我想在另一个＆＃39;函数中选择该元素。使用var input = $('textarea.input-content');。但是当然，在页面加载时没有像这样的元素，所以它找不到任何东西。

在页面加载后添加该类时，如何将.input-content设置为变量的任何想法？

修改

这里的问题不是选择在页面加载后添加了类的元素。问题在于选择器var content = $(this).closest('.cv-content');。

解决。

从页面加载后添加的元素类设置jQuery变量

0 个答案: