добавить по щелчку идентификатор из кнопки JQuery

Question

Здравствуйте, друзья я пытаюсь получить идентификатор кнопки на мыши ти JQuery и добавить его в нижней части 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>

это работает, но мне нужно только, чтобы получить идентификатор Боттона

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

Answer 1

Вы могли бы сделать это таким образом, если вы хотите сохранить URL из элемента.

$("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); 
 
});

<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>

В противном случае вы можете сделать его более статичным тоже:

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

<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>

Answer 2

Вы можете получить идентификатор кнопки на мыши из он использует метод jQuery attr. Также вы можете заменить атрибут href, используя тот же метод attr.

Документация attr доступна here

Ниже код будет решить вашу проблему

$('.btn').click(function() { 
    var id = $(this).attr('id'); //getting id using jQuery 
    $('.dellink').attr('href', 'http://www.example.com/' + id); //changing the href attribute using jQuery. 
}); 

Answer 3

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

Answer 4

Надеется, что это будет работать для вас:

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

Answer 5

Попробуйте

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