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

时间:2015-01-13 18:29:24

标签: javascript jquery html salesforce

我正在尝试将Jquery ui标签与salesforce社区一起使用,如果根据上一页的项目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>

1 个答案:

答案 0 :(得分:2)

你做不到

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

将硬编码部分变成变量?