你好朋友我想点击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/");
});
答案 0 :(得分:1)
如果你想保留网元中的网址,你可以这样做。
$("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;
否则你也可以做得更静态:
$("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;
答案 1 :(得分:1)
希望这对你有用:
$('button').click(function() {
var id = $(this).attr('id');
$("a").prop("href", "www.example.com/"+id);
});
答案 2 :(得分:1)
试试这个
<script>
$(document).ready(function(){
$(".btn1").click(function(){
var href = "www.example.com/" + $(this).attr("id");
$(".dellink").attr("href", href);
});
});
</script>
答案 3 :(得分:0)
答案 4 :(得分:-1)
<强> 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);
});