Question

我有这个数据表，其中我将表的行的id分配给一个链接，基本上每个链接都有一个唯一的id。我还为每个链接分配了一个类。

我想要实现的基本上是当我点击按钮时，我可以通过选择类中的id来将id的值分配给文本框。

这是我分配了类和ID的链接。对于表中的每个项目，在整个数据表中重复该操作。我在控制器中的ajax方法中运行此链接，这就是为什么id中有优点，因为它是控制器中的字符串。

<a href='{0}' data-toggle='modal' data-target='#DivAppendToPartialView' id='"+item.mobileNumber+"' class='messageBtn'>

这是分配到文本框的功能

 $(".messageBtn").click(function () {
        var mobileNumberId = $(".messageBtn").attr("id");
        $("#mobileTxtBox").val(mobileNumberId);
    })

Answer 1

$(".messageBtn").click(function () {
        var data = $(this).attr("id");
        $("#mobileTxtBox").val(data);
    })

尝试$(this)，选择当前的“点击”按钮。如果使用$('.messageBtn)保存在var中，则保存该类的所有元素。

Answer 2

＆＃13;

$(".messageBtn").click(function () {
        var mobileNumberId = $(".messageBtn").attr("id");
        console.log(mobileNumberId);
        $("#mobileTxtBox").val(mobileNumberId.substring(mobileNumberId.indexOf('+')+1, mobileNumberId.lastIndexOf('+')));
    })

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a data-toggle='modal' data-target='#DivAppendToPartialView' id='"+item.mobileNumber+"' class='messageBtn'>click</a>
<input type="text" id="mobileTxtBox">

＆＃13;

通过删除ID中的+来分配id的确切值

Answer 3

对输入使用val()方法，对其他元素使用text()或html()方法。

＆＃13;

$(".messageBtn").click(function () {
     var mobileNumberId = $(".messageBtn").attr("id");
     $("#mobileTxtBox").val(mobileNumberId);
     $("#mobileP").text(mobileNumberId);
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p id="mobileP">&nbsp;</p>
<p>
    <input id="mobileTxtBox" type="text">
</p>
<a href='#' data-toggle='modal' data-target='#DivAppendToPartialView' id='"+item.mobileNumber+"' class='messageBtn'>Click ME</a>

＆＃13;

当同一页面中有多个具有相同类的元素时，如何通过类选择id

3 个答案: