爱情守望者爱情守望者

英雄帖

天地玄黄，宇宙洪荒。天地间侠之为大，鄙以为侠者忧国忧民者也。观今天下，大道不存，尧舜之志堕矣，孔孟之名毁矣。然乱世必出英雄，英雄者侠之最也。

想当年，群雄争霸，众生士途多舛。偶有一好汉中琦者，历经磨难，创业维艰，终举大旗，招贤纳士，礼遇待人，武林人士奔走相告，竞相入盟。弹指间，英雄群集，共举大业。殊不知，功成名就者，取之于决，然今选择甚多，迷惑于众，吾欲清君目，排其忧，解其难，故集群英赴会，望诸雄闻讯而动，共赴盛会。

原代码

<a href="https://www.baidu.com" class="btn1" title="我是titile1" > 我是文字1</a>

<a href="https://www.google.com" class="btn1" title="我是titile2" > 我是文字2 我是密码2</a>

<a href="" class="btn3" title="我是titile3" > 我是文字3</a>

希望在 $(document).ready(function (){}后变成

<a href="https://www.baidu.com" class="btn1" title="我是titile1" > 我是文字1</a>

<a href="https://www.google.com" class="btn1" title="我是titile2" > 我是文字2 我是密码2</a>

<a href="https://www.google.com" class="btn3" title="我是titile3" > 我是文字3 我是密码2</a>

终极形态

点击 我是文字3，把 我是密码2 拷贝到剪切板

jQuery、Javascript应该是没有问题，可惜本人功力尚浅，还请各位英雄仗义相助。

谢谢！！

6 评论

  1. 回复

    只是给btn3加文字和href吗？
    $('.btn3').text('我是文字3 我是密码2');
    $('.btn3').attr('href','www.google.com');

    1. 回复

      恩恩，一句一句的我都知道，就是全部加起来不太懂，楼上那位兄弟给的基本差不多了，我在调试，谢谢

    1. 回复

      库这个东西，又要研究半天，我这入门级水平

  3. 回复

    试试这个 :mrgreen: :

    var $link2 = $(".btn1").eq(1),
    link2Text = $link2.text(),
    $link3 = $(".btn3"),
    password2 = link2Text.split(' ').pop();

    $link3.attr("href", $link2.attr("href"));
    $link3.text($link3.text() + " " + password2);
    $link3.on('click', function(e) {
    e.preventDefault();
    copy(password2);
    })

    function copy(e) {
    var $tmp = $("<input>");
    $("body").append($tmp);
    $tmp.val(e).select();
    document.execCommand("copy");
    $tmp.remove();
    }

    1. 回复

      英雄，核心语句应该都出来了，待小弟我在完善下应该可以

发表回复