向生成的 URL 添加锚点

Question

我尝试找到一个类似的示例并用它来回答我的问题，但我似乎无法让它工作，所以如果这听起来与其他问题类似，我深表歉意。

基本上，我使用 Terminal Four 的 Site Manager CMS 系统来构建我的网站。 该工具允许您生成在整个网站中使用的导航元素。

我需要添加自定义的 JS 位以将锚点附加到这些链接。

生成的链接与此类似：

<ul id="tab-menu">
<li><a href="/section/page">test link, can i rewrite and add an anchor!!!</a></li>
</ul>

我可以编辑链接的 css 属性，但我不知道如何添加锚点。

我正在使用的 JQuery 如下：

<script type="text/javascript" src="http://jquery.com/src/jquery-latest.pack.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
    // everything goes here

    $("#tab-menu").children("li").each(function() { 
        $(this).children("a").css({color:"red"});

        });

    });
</script>

预先感谢您的帮助。

稻田

Answer 1

有点像这样的重复：
如何使用 jQuery 更改超链接的 href

只需复制旧的 href 并添加锚点并将其粘贴回来

var link = $(this).children("a").attr("href");
$(this).children("a").attr("href", link+ "your own stuff");

Answer 2

一个很好的基于 jQuery 的方法是使用 .get(index) 方法来访问each() 函数中的原始 DOM 元素。 然后，您可以访问 JavaScript 链接对象，该对象有一个名为“hash”的属性，表示 url 的锚点部分。 因此稍微修改一下你的代码：

<script type="text/javascript">
    $(document).ready(function(){
    // everything goes here

        $("#tab-menu").children("li").children("a").each(function() {   
            $(this).css({color:"red"}).get(0).hash = "boom";
        });

    });

将“#tab_menu li”中的所有链接更改为红色，并将“#boom”附加到末尾。

希望这可以帮助！

Answer 3

我现在可以使用以下内容来定位 html：

$(this).children("a").html("it works");

我假设：

$(this).children("a").href("something");

会编辑 href 但我错了。

稻田

Answer 4

我不确定答案，我不尝试

$("#tab-menu").children("li").children("a").each(function() {   
              //  $(this).css({color:"red"}).get(0).hash = "boom";
            var temp_url = $(this).href +'#an_anchor';//or var temp_url = $(this).attr('href');
          $(this).attr('href', temp_url);
    });