javascript - 连接 JQuery 变量

Question

我需要在每个 javascript 变量和 JQuery 元素的末尾添加一个数字。

这是我的代码:

$("#insert1").click(function(){
    var collegeId1=$("#collegeId1").val();
     $.post('insert.php', {collegeId: collegeId1});
    return false;
});

$("#insert2").click(function(){
    var collegeId2=$("#collegeId2").val();
    $.post('insert.php', {collegeId: collegeId2});
    return false;
});

...等等。我需要继续在每个元素和变量的末尾添加数字(即 CollegeId[number] 和 ("#insert[number]")。我尝试过循环、.append、+ 等，但似乎没有任何效果。

任何帮助将不胜感激!

Answer 1

正确的方法是使用“数据”字段 你有这样的按钮:

<button data-id="1" class="insert">

只有一个函数可以解决所有这些问题:

$('.insert').click(function(){
    var id = $(this).data('id');
    var collegeId = $('#collegeId' + id).val();
    $.post('insert.php', {collegeId: collegeId});
    return false;
});

您还可以将 CollegeId 直接存储在按钮标签中(不要写入“data-collegeId”，因为数据字段不支持大写):

<button data-collegeid="1" class="insert">

然后你就可以在 1 行中得到它:

var collegeId = $(this).data('collegeid');