Question

我尽量保持简单，

我在每个循环中生成一个隐藏的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

任何人都有提示如何完成这项工作？非常感谢

Answer 1

您需要在选择器中连接数据。

更改

$('.videodata[data-id*='data']').text(title) ;

要

$('.videodata[data-id*='+ data + ']').text(title) ;

jquery找到具有匹配属性值的元素

1 个答案: