單擊按鈕獲取一個Javascript變量

Question

那是我的代碼：

afficherListe();
function afficherListe()
{
 $.post('afficher_liste.php', function(data)
 { 
    var obj = jQuery.parseJSON(data);

    if(data!="")
    {
        $.each(obj, function(index, value){
            $('<li><button onclick="supprimer_article()">X</button>'+value.nomArticle+' '+value.prixArticle+'</li>').insertAfter($('#liste_boissons'));
        });
    }
    else
    {
        alert('no data');
    }
 }); 
}

function supprimer_article(article_selectionne)
{
    alert(article_selectionne);
}

問題 ：我想將變量放入supprimer_article()函數中，使其包含在參數中，並繼續在該函數中進行工作。 示例：如果單擊“ X”伏特加按鈕（查看圖片），我將在alert(article_selectionne);找到alert(article_selectionne); “伏特加”

在第一步中，我將變量設置為： $('<li><button onclick =“ supprimer_article（'+ value.prixArticle +'）” >X</button>'+value.nomArticle+' '+value.prixArticle+'</li>').insertAfter($('#liste_boissons'));

但是，結果為alert(article_selectionne); 原為：未定義

如果您認為自己有解決方案，那么為我分享該解決方案將是非常好的幫助！

為了了解此功能現在有什么作用（最終目標是該功能將在onclick事件之后從數據庫中刪除所選文章。）：

Answer 1

調用時需要在函數參數中添加名稱。 更換線

$('<li><button onclick="supprimer_article()">X</button>'+value.nomArticle+' '+value.prixArticle+'</li>').insertAfter($('#liste_boissons'));  

使用以下代碼：

$('<li><button onclick="supprimer_article(\'' + value.nomArticle + '\')">X</button>'+value.nomArticle+' '+value.prixArticle+'</li>').insertAfter($('#liste_boissons'));

Answer 2

您需要將值放在函數本身內。 更改：

$('<li><button onclick="supprimer_article()">X</button>'+value.nomArticle+' '+value.prixArticle+'</li>').insertAfter($('#liste_boissons'));

至

$('<li><button onclick="supprimer_article('"+value.nomArticle+"')">X</button>'+value.nomArticle+' '+value.prixArticle+'</li>').insertAfter($('#liste_boissons'));