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

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) ;