У меня есть следующий код:
<div class="b-oneColumn w-text">
<div class="e-text1">
<textarea id="mce_0" class="tiny" rows="10" ria-hidden="true">Some text here</textarea>
<span id="mce_0_parent" class="mceEditor defaultSkin">.....</span>
</div>
</div>
то, что я делаю, это передаю $ ('. W-text') следующей функции ..
processTextForServer : function(widget) {
var myText = 'mycontent';
var widgetHtml = $('div').append($(widget).clone()).find('.mceEditor').remove().end().html();
}
В основном, я клонирую элемент, удаляю span.mceEditor из разметки и сохраняю html в widgetHtml - проблем нет, но теперь я хочу манипулировать строкой html далее, как если бы это был элемент dom, но без изменения фактический элемент - и захватить результат в переменной для загрузки в БД. все, что мне нужно сделать, это изменить текст textarea на содержимое переменной myText, а затем сохранить все это в другой переменной, но по какой-то причине я не могу этого сделать, любые идеи будут очень приветствоваться ..
спасибо за комментарии, внесли соответствующие поправки, но в целом то, что я пытаюсь достичь, это что-то вроде этого ...
var widgetHtml = $('<div>').append(widget.clone()).find('.mceEditor').remove().end().find('.tiny').html('new text').end().html();
// this following alert should show me the original chunk of html, MINUS the span.mceEditor AND with the textarea contents changed(manipulated)
alert(widgetHtml);
это возможно?
просто для повторения, меня интересует только переменная, которую я планирую отправить на сервер, я не хочу ничего менять в самой структуре dom.
спасибо.