javascript - 如何根据与变量匹配的数据属性选择div？

Question

我正在尝试将 Jquery ui 选项卡与 salesforce 社区一起使用，如果用户从不同页面定向到当前页面，则根据上一页的项目 ID，当前页面需要突出显示相应的选项卡。

These tabs are generated based on how many project a user has which prevents me from giving them an ID inside the html

<script>
  $(document).ready(function(){
    var focusedProject = '{!focusedProjectId}';
    $('.projectTabs').each(function(){
       var id = $(this).data('salesforceprojectid');
       if(focusedProject === id){
         $('*[data-salesforceprojectid="HARD CODED ID"]').addClass('ui-state-active');
       }
    });
  });
</script>

在您看到“硬编码 ID” 字样的地方，我想放置变量 focusedProject - 这似乎不可能，有人知道这个问题的替代解决方案吗？

<ul>
  <li class="projectTabs" data-salesforceprojectid="{!projectList.Id}"></li>
  <li class="projectTabs" data-salesforceprojectid="{!projectList.Id}"></li>
  <li class="projectTabs" data-salesforceprojectid="{!projectList.Id}"></li>
  <li class="projectTabs" data-salesforceprojectid="{!projectList.Id}"></li>
</ul>

Answer 1

你做不到

$('*[data-salesforceprojectid="' + focusedProject  + '"]').addClass('ui-state-active');

将硬编码部分变成变量？