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

Question

我尽量保持简单，

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

现在我需要绑定更改文本字段，并替换与数据id匹配的<li>中的文本

我试过这样做：

$('.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) ;