シンプルにまとめてみましたが、
各ループで生成されたhidden-html構造があり、ビデオタイトルをテキストとして、ビデオIDをdata-id=""
属性として保持しています
<ul id="videoholder" style="display:none;">
<li class="videodata" data-id="sD__BIzTVlE">great title</li>
<li class="videodata" data-id="GN8B2l3ouxc">even greater</li>
</ul>
同じループで、ビデオのタイトルを次のように変更するためのテキストフィールドを生成しています。
<input type="text" name="titel[0]" class="float videotitel" data-id="sD__BIzTVlE" value="great title" id="titel[0]" /></div>
<li>
ここで、テキストフィールドの変更をバインドして、一致するテキストを data-id に置き換える必要があります
私はそうしてみました:
$('.videotitel').bind('keyup', function(){
var data = $(this).attr('data-id');
var title = $(this).val();
$('.videodata[data-id*='data']').text(title) ;
})
しかし、変数を挿入できませんdata
SyntaxError: missing ) after argument list
誰かがこれを行う方法のヒントを得ましたか? どうもありがとう