jquery 选择器 rel=re 属性

Question

我从一家处理分数表的公司那里得到了一个脚本。

我只想显示第二个选项卡 "Uitslagen" rel="re"，但它按标准在第一个选项卡上打开。我想我应该可以用 JQuery.

来伪造点击

您可以在以下位置查看脚本：http://hvdws.nl/Uitslagen/clubplugin.html

<body>
  <div id="club-plugin"></div>

  <script     src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">  </script>
  <script src="http://www.handbal.nl/kcp/e78a2135307b088e8a/"></script>
  <link type="text/css" href="clubplugin2-style.css" rel="stylesheet" />
  <link type="text/css" href="clubplugin2-grey.css" rel="stylesheet" />
  <script>
   jQuery(document).ready(function($){
    clubplugin.load('#club-plugin'); 
   });

  </script>
 </body>

这是 class:

<div class="o-kcp-tabs">
  <div class="o-kcp-tab-item first active" rel="pr" style="width:25%;">Programma</div>
  <div class="o-kcp-tab-item" rel="re" style="width: 25%;">Uitslagen</div>
  <div class="o-kcp-tab-item" rel="st" style="width: 25%;">Standen</div>
  <div class="o-kcp-tab-item last" rel="te" style="width: 25%;">Teams</div>
</div>

我在 Whosebug 上发现了这个 link： selector in jquery - get rel attribute

但无法真正弄清楚脚本的具体编写方式。

有没有人可以帮助我，我觉得这是一个非常简单的问题，我只是 Jquery 不够熟练，无法弄清楚。

这是我现在拥有的：

$('#club-plugin').click(function(){
  var rel = $('.o-kcp-tabs').attr('rel', "re");

Answer 1

这将删除所有 .o-kcp-tab-item 元素不具有 rel="re" 并且是 .o-kcp-tabs:

的直接子元素

jQuery(document).ready(function($){
    $('.o-kcp-tabs>.o-kcp-tab-item:not([rel~="re"])').remove();
    clubplugin.load('.o-kcp-tabs'); 
});

jquery 选择器 rel=re 属性

jquery selector rel=re attribute

jquery

attributes

rel