0

画像、アンカー、そしてテキストエリアを含む div があります。画像をクリックしてそのテキストエリアのIDを取得する方法は?

以下は私のHTMLです

<img  src="Image/icons/preview.png" alt="Preview" id="img1" onclick="ViewHtml(this.id);" />

<a id="ancHeader">Header html</a>  

<div class="collapse">
    <textarea rows="30" cols="22" id="txtHtmlHead" class="editor"></textarea>
</div

画像クリックでテキストエリアのIDを取得したい.belowは私のjavascript関数です

function ViewHtml(id) {
    $("#" + id).siblings('div.collapse first > textarea.editor').val();
}

しかし、上記のコードは機能しません。誰でも私を助けてくれますか..？

4

4 に答える 4

0

これを試して：

$("#img1").click(function () {
    $(".collapse textarea").attr("id");
});

デモ

于 2013-09-19T06:22:52.513 に答える
-1

要素の data 属性を使ったほうがいいと思います。

<img  src="Image/icons/preview.png" alt="Preview" data-rel="txtHtmlHead1" id="img1"  class="getHtml"/>

<a id="ancHeader" >Header html</a>  

<div class="collapse">
   <textarea rows="30" cols="22" id="txtHtmlHead1" class="editor"></textarea>
</div

data-rel 属性 dynamic を管理するだけです。 txtHtmlHead1

function ViewHtml(id) {

   $("#" + id).siblings('div.collapse first > textarea.editor').val();
}

$(document).ready(function(){

$(".getHtml").bind('click',function(){
var getTextAreaId = $(this).data('rel');

 if(getTextAreaId != undefined){

    alert($("#"+getTextAreaId).val()); // your output
    }


});
})

ViewHtmlを Click イベントにバインドして置き換えました。

于 2013-09-19T06:24:01.973 に答える