Question

我尝试搜索这个问题，但无法找到答案。

我的目的是更改包含href链接的文本。例如

我有这段代码。

    <div class="change-this">
        <a href="http://example.com/login.php">Sign in</a> or 
        <a href="http://example.com/login.php?action=create_account" >Create an account</a>
    </div>

我想更改“创建帐户”＃39;到新用户＆＃39;并希望改变“登录”＃39;登录＆＃39;登录＆＃39; 如何通过抓取URL并根据此div中的URL更改文本来实现此目的。

我在考虑这样的事情......但这不起作用。

 $('.change-this a').text(function(i, oldText) {
    return oldText === 'Create an Account' ? 'New User' : oldText;
    console.log('done');

我必须这样做的原因是因为文本是CMS中的变量而我无法改变这一点，但我的解决方案是使用jQuery或Javascript来完成。只是不知道如何实现这一点。如果有人能提供帮助，那就太棒了。感谢。

Answer 1

这样的事情怎么样。

<html>
<head>
    <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var txt = $('div.change-this a');
            txt.first().text('Log In');
            txt.next().text('New User');
        });
    </script>
</head>
<body>
    <div class="change-this">
        <a href="http://example.com/login.php">Sign in</a> or 
        <a href="http://example.com/login.php?action=create_account" >Create an account</a>
    </div>
</body>
</html>

Answer 2

可以根据href网址使用属性包含选择器吗？

$(".change-this a[href*='action=create_account']").text("New User");

如果url是如何更改文本

2 个答案: