从按钮jquery追加单击id

从按钮jquery追加单击id,jquery,Jquery,你好,朋友,我正在尝试获取一个按钮的id,点击jquery并将其附加到我尝试使用的href的底部。附加,但我无法获取 我有这个 点击我 点击我 如果希望保留元素的url,可以这样做 $(“button.btn1”)。单击(函数(){ var url=$(“a.dellink”).attr(“href”); url=url.substr(0,url.lastIndexOf(“/”)+1)+$(this.attr(“id”); $(“a.dellink”).attr(“href”,url); }

你好,朋友,我正在尝试获取一个按钮的id,点击jquery并将其附加到我尝试使用的href的底部。附加,但我无法获取

我有这个

点击我
点击我

如果希望保留元素的url,可以这样做

$(“button.btn1”)。单击(函数(){
var url=$(“a.dellink”).attr(“href”);
url=url.substr(0,url.lastIndexOf(“/”)+1)+$(this.attr(“id”);
$(“a.dellink”).attr(“href”,url);
});

点击我
点击我

您可以使用jQuery的
attr
方法在点击按钮上获取按钮的id,也可以使用相同的
attr
方法替换
href
属性

可以使用attr的
attr
文档

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

$('.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.
});
HTMl

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

希望这对您有用:

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

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

$(文档).ready(函数(){
$(“.btn1”)。单击(函数(){
var href=“www.example.com/”+$(this.attr(“id”);
$(“.dellink”).attr(“href”,href);
});
});

JS/jQ在哪里,朋友?但是你的url应该是
www.example.com/{id]5
然后是
www.example.com/{id]53
等等。@eisbehr我已经发布了小提琴并从href中删除了它,,,将发布该代码too@eisbehr:changedYes,更好。还可以换你的小提琴。;)我知道它能用,但它应该是
attr
,因为
href
是一个属性而不是属性。:)prop和attr的区别在于ttr获取HTML属性,其中as prop获取DOM属性。使用prop比attr更快,因为它更新DOM而不是修改HTML。虽然此代码片段可能会解决此问题,但确实有助于提高您的文章质量。请记住,您是在为读者回答问题,这些人可能会我们不知道您的代码建议的原因。请不要用解释性注释挤满您的代码,这会降低代码和解释的可读性!@LambdaNinja谢谢。下次添加的说明将牢记在心。
<script>
    $(document).ready(function(){
        $(".btn1").click(function(){
            var href = "www.example.com/" + $(this).attr("id");
            $(".dellink").attr("href", href);
        });
    });
</script>