使用 jQuery 隐藏锚点

Question

我创建了一个动态页面，根据视图类型，有时会使用锚标记，有时则不会。本质上，我希望能够控制单击页面是否跳转到锚点。是否可以使用 jQUery 隐藏锚标记，从而基本上将其删除？我需要能够在必要时重新启用锚点，并始终在浏览器的地址栏中显示当前锚点。它似乎可以在 FireFox 中运行，但不能在 Internet Explorer 中运行。

我有三个部分：“目录”、内容和 javascript (jQuery) 代码

目录

<a id="expandLink0" class="expandLinksList" href="#green">What is green purchasing</a><br>
<a id="expandLink1" class="expandLinksList" href="#before">Before you buy</a><br>

内容

<ul id="makeIntoSlideshowUL">'
<li id="slideNumber0" class="slideShowSlide">
    <a name="green"></a>
    <div>Green Purchasing refers to the procurement of products and service...<a href="#topOfPageAnchor" class="topOfPageAnchorClass">Back to Top</a></div>
</li>
<li id="slideNumber1" class="slideShowSlide">
    <a name="before"></a>
    <div>We easily accomplish the first four bullet points under...<a href="#topOfPageAnchor" class="topOfPageAnchorClass">Back to Top</a></div>
</li>
</ul>

页面加载时的 jQuery

$(".slideShowSlide").each(function() {
$(this).children(":first-child").hide();
});

jQuery 重新启用链接

$(".slideShowSlide").each(function() {
$(this).children(":first-child").show();
});

我还尝试在所有锚点名称前面添加一个额外的字符以“禁用”它们，但 IE 不会使用 attr("name") 更改名称。它允许我做的唯一真正的操作是remove()。

Answer 1

尝试这样做：

$(".slideShowSlide").each(function() {
    $(this).children().first().hide();
});

甚至这样：

$(".slideShowSlide").each(function() {
    $(this).children(':first').hide();
});