如何使用jQuery从标记中调用onclick函数？

Question

我从mysql中获取了一个包含数据的表单，当我想从按钮中删除该表单时，使用了ajax从数据库和表单中删除了数据。 所以我创建了onclick函数。 查询成功运行，但未调用onclick函数。

这是我的标记

<div id="education">
    <div class="cvform edu-14">
        <input type="text" name="course-title-14" placeholder="Your course name"value="">
        <input type="text" name="course-inst-14" placeholder="Your Institution's name" value="">
        <input type="text" name="course-begin-14" placeholder="Course start year" value="">
        <input type="text" name="course-end-14" placeholder="Course ended. Blank for present" value="">
        <textarea name="course-detail-14" id="" cols="30" rows="10" placeholder="Add your course Details"></textarea>
        <a href="javascript:;"  onclick='removeEduPressed();'  class="links remedu" id="edu-14">Remove</a>
    </div>
</div>

这是onClick函数

function removeEduPressed() {
    $('.edu-14').remove();
}

这是ajax电话

$(".remedu").click(function (event) {
    var str = event.target.id;
    var eduId = str.slice(4, str.length);//equals 14
    $.ajax({
        type: "POST",
        url: "posts/process.php",
        data: {
            eduId: eduId
        },
        success: (data) => {
        }
    });
});

Answer 1

您可以使用jquery删除类名称为class =“ cvform edu-14”的div

$("#edu-14").click(function () {
   $('.edu-14').remove();
});

使用上面的代码代替点击功能。 这是工作代码的链接。 http://jsfiddle.net/gsLbuhed/

Answer 2

只要确保您先前已定义函数removeEduPressed（如果该函数位于$（document）.ready中），就可以了，当您声明onclick函数将要未定义时，您的代码上是否有此函数？

    $(document).ready(function () {
        function removeEduPressed() {
            $('.edu-14').remove();
        }
    });

这样，您将在浏览器的控制台检查器上获取此信息： ReferenceError：未定义removeEduPressed [了解更多]

只需在表单之前声明函数

function removeEduPressed() {
  $('.edu-14').remove();
}

Answer 3

你试过用this吗？

$(".remedu").click(function(event){
    var str=$(this).attr('id');
    var eduId=str.split('-')[1];//equals 14
    $.ajax({
        type: "POST",
        url: "posts/process.php",
        data: {
            eduId: eduId
        },
        success: (data) => {
        }
    });
});

同样，您也可以在执行ajax之后执行删除，以获取JSON响应作为示例：

$(".remedu").click(function(event){
    var str=$(this).attr('id');
    var eduId=str.split('-')[1];//equals 14
    $.ajax({
        type: "POST",
        url: "posts/process.php",
        data: {
            eduId: eduId
        },
        success: (data) => {
            /*
                if(data.removeEdu)
                    $('.edu-14').remove();
            */
        }
    });
});

这只是一个示例，您可以自定义它。