2016-08-26 4 views
0

モーダルでテキストまたはイメージをフェッチします。 textContでテキストを取得できます。 divにはテキストやイメージが含まれている場合があります。どの人がそれを持っているので、それを取ってくるでしょう。jqueryの両方でテキストとイメージをフェッチします

これは私のテキストコードです。

var contId = 0; 
var contBodyElement = null; 

$('.body').find('.edit').on('click', function (event) { 
    event.preventDefault(); 

    contBodyElement = event.target.parentNode.parentNode.childNodes[1]; 
    var contBody = contBodyElement.textContent; 
    contId = event.target.parentNode.parentNode.dataset["contid"]; 
    //console.log(contBody); 
    $('#my-editor').val(contBody); 
    $('#myModal').modal(); 
}); 

HTML

<div class="header"> 
    <div data-contid={{ $templates->id }}> 
    <img src="{{ URL::to($templates->header) }}" alt="" /> 
    <div class="dropdown-content"> 
     <a href="#" class="edit">Edit content</a> <a href="#">Edit Background</a> 
    </div> 
    </div> 
</div> 


<div class="cont-one" data-contid={{ 2 }}> 
    <h2><p>{{ $body->cont_one }}</p></h2> 
    <div class="dropdown-content"> 
    <a href="#" class="edit">Edit content</a> <a href="#">Edit Background</a> 
    </div> 
</div> 
+0

使用スニペットエディタ[<>]のコードを追加すると、レンダリングされた:あなたはこの

var src_image_attr = $('img').attr('src'); 

のような画像のsrc属性を取得することができますし、エレメント(L)のimgためにそれを設定する画像について

htmlでコードをテストすることができます – mplungjan

答えて

0

あなたがテキストや画像をフェッチしたかったからHTMLコードを共有する場合、それは素晴らしいことでしょう。

$("#my_image").attr("src", src_image_attr); 
+0

コメントで投稿するのではなく、HTMLで質問を更新してください – mplungjan

+0

まだ動作していません –

関連する問題