将类放到具有等效href的链接上

时间:2015-04-20 05:07:42

标签: javascript jquery html css class

我有很多链接:

<a href="put_id">1</a>
<a href="put_xs">1</a>
<a href="put_ws">1</a>
<a href="put_id">1</a>
<a href="put_id">1</a>
<a href="put_id">1</a>
<a href="put_lm">1</a>
<a href="put_mo">1</a>
<a href="put_sd">1</a>
<a href="put_id">1</a>
<a href="put_id">1</a>

我想将class="print"放在href为put_id的所有链接上。我将如何使用javascript进行此操作?

2 个答案:

答案 0 :(得分:8)

你的意思是href,是吗?

$('a[href="put_id"]').addClass("print");

答案 1 :(得分:0)

    <html>
    <head>
        <title>Page1</title>
    </head>
    <body>
        <div>
            <a id="1" href="put_id">1</a> <a href="put_xs">1</a> <a href="put_ws">1</a> <a href="put_id">
                1</a> <a href="put_id">1</a> <a href="put_id">1</a> <a href="put_lm">1</a> <a href="put_mo">
                    1</a> <a href="put_sd">1</a> <a href="put_id">1</a> <a href="put_id">1</a>
        </div>
        <div style="clear: both">
        </div>
        <div>
            <input type="button" value="Go" onclick="funappend('put_id');" />
        </div>
        <script type="text/javascript">

            var links = document.getElementsByTagName('a');
            for (var i = 0; i < links.length; i++) {
                var links1 = links[i].href;
                var link = links1.split("/");
                var linkslen = link.length;
                var reqlink = link[linkslen - 1];
                if (reqlink == "put_id") {
                    links[i].className = "print";
                }
            }
        </script>
    </body>
    </html>