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

Question

我正在尝试对Salesforce社区使用Jquery ui选项卡，如果将用户从其他页面引导到当前页面，则根据上一页的项目ID，当前页面需要突出显示适当的选项卡。

这些标签是根据用户拥有多少项目而生成的，这阻止了我在html内为他们提供ID

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

使硬编码部分变成变量？