javascript - 取消绑定某些链接，但不是全部

Question

我正在尝试取消绑定所有功能的链接。当我做：

$('a').unbind();

它完美地工作。但显然这不是我想要的——我只希望一个特定的链接不被任何函数操纵。所以我尝试选择特定链接：

$('.page1->index').unbind();

但这不起作用，该功能仍在操纵链接。我也试过

 $('a.page1->index').unbind();

但这也不起作用。我觉得我的第二种方法应该有效。有什么我想念的吗？

HTML：

<a id ="page1->index" href="#play1" data-role="button" data-icon="back" data-iconpos="notext" data-transition="fade" data-direction="reverse"></a>

score 2 · Accepted Answer

如果你的类名是page1->index，那么你需要转义 ' ' 符号，因为它在选择器>中有特殊的含义CSS：

$('.page1-\\>index').unbind();

score 1 · Accepted Answer

使用链接的 ID。ID 将是唯一的，因此您将在 jQuery 选择器中仅获得一个元素

$('#yourLinkId').unbind();

假设您的 HTML 是这样的（带有 ID）

<a href="somepage.aspx" id="yourLinkId">Wonderful Link</a>
<a href="somepage3.aspx" id="yourMagicLink">Magic Link</a>

score 1 · Accepted Answer

使用 not 选择器或 not 方法排除您不需要操作的所有锚点。

例如

$('a').not('#DontUnbindThisAnchor').unbind()

上面的代码选择所有没有 id 'DontUnbindThisAnchor' 的锚点并解除绑定

3 回答 3