JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<div id="myDIV2"></div>
<div id="myDIV"></div>
<script>
var wishlistArray = ["Item1", "Item2", "Item3", "Item4", "Item5","Item6"];
function wishlist_show() {
var wishlistArrayDom = "";
jQuery.each(wishlistArray, function (i, wishlistID) {
wishlistArrayDom += '<div><a href="javascript:;" class="rem-from-wishlist" sosu="' + i + '">Remove( ' + wishlistID + ' )</a></div>';
});
$('#myDIV').empty();
$('#myDIV').html(wishlistArrayDom);
wishlist_update_rem();
}
function wishlist_rem() {
$('#myDIV2').append('<br>Remove ' + wishlistArray[$(this).attr('sosu')] + ' of element' + +$(this).attr('sosu'));
var wishlistRemID = $(this).attr('sosu')
$(this).parent().slideUp("slow", function () {
wishlistArray.splice(wishlistRemID, 1);
wishlist_show();
});
}
wishlist_show();
function wishlist_update_rem() {
$(".rem-from-wishlist").unbind("click");
$(".rem-from-wishlist").click(wishlist_rem);
}
</script>