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

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

原代码

<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. 库这个东西,又要研究半天,我这入门级水平

  2. 试试这个 :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. 英雄,核心语句应该都出来了,待小弟我在完善下应该可以

发表回复