如何防止 Cufón 替换某个类下元素中的文本？

Question

我正在使用 Cufón 替换网页上的文本，并且已加载 jQuery 库。我正在尝试替换 <li> 元素的所有实例（其中包括 <p> 等），但前提是它们不出现在某个类下。

这里是一些示例 HTML：

<ul>
   <li>This</li>
   <li>Should</li>
   <li>Be Replaced</li>
</ul>
<div>
  <ul>
    <li>So should</li>
    <li>this</li>
  </ul>
</div>
<div class='no-cufon'>
   <ul>
      <li>Don't replace this</li>
   </ul>
</div>

请注意，我的大部分 HTML 都是动态的 - 否则我将继续更改标记。

我正在使用命令 Cufon.replace('*:not(.no-cufon) li'); 替换文本，但它仍然针对 all <li> 标签

在我的开发者控制台 (Chrome 12) 中，我使用这些 jQuery 选择器获得以下值：

$("body *").length
11
$("body *:not(.no-cufon)").length
10
$("body * li").length
6
$("body *:not(.no-cufon) li").length
6

由于某种原因，no-cufon 类下的 <li> 标记仍在我的最终 jQuery 选择器中匹配。

如果这不起作用——那会怎样？

Answer 1

filter() 怎么样？使用以下内容，它会选择所有没有 no-cufon 父母的 li 元素。

Cufon.replace($('li').filter(function(){
    if ($(this).parents('.no-cufon').length == 0) return true;
}));

示例： http://jsfiddle.net/niklasvh/prr4W/

Answer 2

body :not(.no-cufon) li 与body .no-cufon ul li 匹配相同的lis，因为uls 本身就是:not(.no-cufon)。

试试这个：

Cufon.replace('body > :not(.no-cufon) > li, body > :not(.no-cufon) > ul > li');