Question

选择data-ctrtid自定义属性以设置样式

HTML剪辑

<div class="expandListHeaderRow" data-ctryid="28fa1d89-eabe-44b5-b761-897b7835d7ab">South Africa</div>

这是动态创建的代码，我像这样正确捕获id。

$('.expandListDetail').on('click', '.expandListHeader', function(){
   var argument = $(this).closest('.expandListHeader').find('div').data('ctryid');
   .
   .
}

但是在刷新列表之后，我想将列表扩展到之前的位置。（这是一个动态的多扩展/可折叠列表）

data('ctryid').css('display': 'block')或者像这样的事情。

但是，如何搜索自定义属性的特定 ID 以定位CSS更改元素？

Answer 1

如果要按字符串变量值搜索id，请将其转换为jQuery ID选择器（即带#的前缀）：

$('#' + data('ctryid'))

所以你的例子变成了：

$('#' + data('ctryid')).css('display': 'block')

这当然假设您在页面的某处有这样的元素：

<div id="28fa1d89-eabe-44b5-b761-897b7835d7ab">

Answer 2

如果我理解正确，你有id，你需要找到元素。如果是这样，这将有效：

$('[data-ctryid="' + capturedId + '"]')

请参阅http://api.jquery.com/attribute-equals-selector/

选择自定义属性以设置样式

2 个答案: