1

我正在使用tabview，它是 YUI3 库的一部分。

标记基本上如下所示：

<div id="demo" class="yui3-tabview-content">
  <ul class="yui3-tabview-list">
    <li class="yui3-tab yui3-widget yui3-tab-selected">
      <a href="#foo" class="yui3-tab-label yui3-tab-content" tabindex="0">foo</a>
    </li>
  </ul>
  <div class="yui3-tabview-panel">
    <div id="foo" class="yui3-tab-panel yui3-tab-panel-selected">
      <p>
        foo content
      </p>
    </div>
  </div>
</div>

标记的小提琴：http: //jsfiddle.net/zb6su/

问题：我正在编写一些 javascript 代码，并希望选择一个给定tabview-panel. 假设foo在这种情况下我能够获得 id, 。我想选择带有 的选项卡a[href=#foo]。

问题是a[href=#foo]根本不起作用，因为#用于选择 Ids。我也试过a[href="#foo"]无济于事。是否有 css 选择器根据href属性中的 URL 片段选择链接？

我知道使用 javascript，我可以遍历所有节点并检查 href 属性，但我更愿意尽可能使用 CSS 选择器。

更新：选择器确实有效。看起来这是 FireFinder 中的一个错误（我用来测试选择器的扩展）。

4

1 回答 1

3

它适用于相同的选择器，但使用 jQuery ( fiddle )。

$('a[href="#foo"]').text();

返回“富”。与 CSS 相同：

a[href="#foo"] {
    color:red;
}

似乎问题更多在于 F21 的 FireFinder，而不是a[href="#foo"]. 结案。

于 2012-08-27T05:57:45.317 回答