Thread: JQuery - Store a button in a variable and call it later by a different parameter?

NOTE: If you notice a spelling error in the quoted boxes below, it's because Coding Forums is most likely auto-replacing some of these words. (I even tried wrapping the info in [ code ][ /code ], but that didn't work either) So there are probably visual errors below, but keep in mind that what I've written WORKS - and I just need some help cleaning it up.

---

I have a declared a few buttons as variables just to make the script look a bit cleaner.

Example:

Code:

var $edit = $(".btn_edit");
var $delete = $(".btn_delete");

I also have a function that toggles visibility of the edit/delete buttons as well as confirmations and cancel buttons for each of these options.
Everything works except I want to clean up the toggle function.
It currently looks like this:

Code:

$delete.on("click", function(){
   var id = $(this).attr("data-id");
   $(this).hide();
   $(".btn_deleteno[data-id="+id+"]").show();
   $(".btn_deleteyes[data-id="+id+"]").show();
});

In the above function, if the user clicks on "delete" 2 more buttons appear: confirm and cancel, and the original delete button is temporarily hidden from view.

I would like to be able to write something like this:

Code:

$deleteno.attr("data-id="+id).show();

instead of

Code:

$(".btn_deleteno[data-id="+id+"]").show();

This way, if I ever need to change any of these buttons, I'll only need to change the declared variables at the top of the script.