如何根據與變量匹配的數據屬性選擇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');

使硬編碼部分變成變量？