从按钮jquery

Question

你好朋友我想点击whith jquery上的按钮的id并将它附加在href的底部我尝试使用.append但是我没有得到

我有这个

<button class="btn1" id="5" type="button">click me</button>
<button class="btn1" id="3" type="button">click me</button>

<a href="www.example.com/{id]" class="dellink">Delete</a>

这有效但我只需要获得botton的id

$("btn1").click(function(){
    $(".delllink").attr("href", "http://www.example.com/");
}); 

Answer 1

如果你想保留网元中的网址，你可以这样做。

＆＃13;

＆＃13;

$("button.btn1").click(function() {
    var url = $("a.dellink").attr("href");
    url = url.substr(0, url.lastIndexOf("/") + 1) + $(this).attr("id");

    $("a.dellink").attr("href", url);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="btn1" id="5" type="button">click me</button>
<button class="btn1" id="3" type="button">click me</button>
<a href="www.example.com/{id}" class="dellink">Delete</a>

＆＃13;

＆＃13;

＆＃13;

否则你也可以做得更静态：

＆＃13;

＆＃13;

$("button.btn1").click(function() {
    $("a.dellink").attr("href", "http://www.example.com/" + $(this).attr("id"));
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="btn1" id="5" type="button">click me</button>
<button class="btn1" id="3" type="button">click me</button>
<a href="www.example.com/{id}" class="dellink">Delete</a>

＆＃13;

＆＃13;

＆＃13;

Answer 2

希望这对你有用：

$('button').click(function() { 
    var id = $(this).attr('id');
   $("a").prop("href", "www.example.com/"+id);
});

Answer 3

试试这个

<script>
    $(document).ready(function(){
        $(".btn1").click(function(){
            var href = "www.example.com/" + $(this).attr("id");
            $(".dellink").attr("href", href);
        });
    });
</script>

Answer 4

您可以使用jQuery的attr方法点击获取按钮的ID，也可以替换{{1} }}使用相同的href方法。

attr的文档可用here

下面的代码将解决您的问题

attr

Answer 5

<强> HTML

<a href="www.example.com/" class="dellink">Delete</a>

<强> JS

$("button").click(function(){
    var id = $(this).attr('id');

   // now for url either use static like this
   var p_href = "www.example.com/";

   //or do dynamic 
   var p_href = document.location.hostname+"/";
   $("a.dellink").attr("href", p_href + id);
});

Working Fiddle