I have created a delete button that deletes a row from my database using jquery and ajax. when i click the button i get the error : Uncaught ReferenceError: element is not defined.

It then higlights var del_id = element.attr("id");

 <a href="#" id="14" class="delbutton"><i class ="fa fa-trash"></i></a>


<script type="text/javascript">
    $(function() {

    $(".delbutton").click(function(){
    var del_id = element.attr("id");
    var info = 'id=' + del_id;
    if(confirm("Sure you want to delete this?"))
    {
    $.ajax({
    type: "POST",
    url: "feed/deletepost",
    data: info,
    success: function(){
    }
    });
    $(this).parents(".record").animate({ backgroundColor: "#fbc7c7" }, "fast")
    .animate({ opacity: "hide" }, "slow");
    }
    return false;
    });
    });
</script>

Any ideas on what could be causing this?

I have created a delete button that deletes a row from my database using jquery and ajax. when i click the button i get the error : Uncaught ReferenceError: element is not defined.

It then higlights var del_id = element.attr("id");

 <a href="#" id="14" class="delbutton"><i class ="fa fa-trash"></i></a>


<script type="text/javascript">
    $(function() {

    $(".delbutton").click(function(){
    var del_id = element.attr("id");
    var info = 'id=' + del_id;
    if(confirm("Sure you want to delete this?"))
    {
    $.ajax({
    type: "POST",
    url: "feed/deletepost",
    data: info,
    success: function(){
    }
    });
    $(this).parents(".record").animate({ backgroundColor: "#fbc7c7" }, "fast")
    .animate({ opacity: "hide" }, "slow");
    }
    return false;
    });
    });
</script>

Any ideas on what could be causing this?

• javascript
• jquery

Share Improve this question Follow edited Jan 25, 2018 at 20:53 Scott O'connor asked Jan 25, 2018 at 20:51 Scott O'connorScott O'connor 13311 gold badge11 silver badge99 bronze badges 2

• 5 Well, the error is pretty self-explanatory. You don't define element. – TimoStaudinger Commented Jan 25, 2018 at 20:52
• What are you expecting element to be? – Huangism Commented Jan 25, 2018 at 20:55

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

This is because element is not defined :D try this instead:

$(".delbutton").click(function(){
  var del_id = $(this).attr("id");....

greetings