jquery - 画像に最も近いテキストエリアのIDを取得できません

Question

ここに私のHTMLがあります:

<img src="Image/icons/preview.png" alt="Preview" id="imgPreviewHeader" onclick="ViewHtml(this.id);" />
<textarea rows="30" cols="22" id="txtHeader" class="editor"></textarea>`

そしてJavaScriptコード:

$("#" + imgPreviewHeader).closest('textarea.editor').ckeditorGet().execCommand('source');

誰でも私を助けることができます..?

Answer 1

textareaは img 要素の次の兄弟であるため、ここでは.next()を使用する必要があります。.closest()は、兄弟要素ではなく祖先要素で一致を探します

//assuming id has the value imgPreviewHeader
$("#" + id).next('textarea.editor').ckeditorGet().execCommand('source'); 

すなわち

$("#imgPreviewHeader").next('textarea.editor').ckeditorGet().execCommand('source');

Answer 2

html..

<img src="deletered.png" alt="Preview" id="imgPreviewHeader" onclick="ViewHtml(window.jQuery(this).id);" />        

ジャバスクリプト..

var texteditor= $("#imgPreviewHeader").next('textarea.editor').attr('id');
$('textarea.editor').val(texteditor);