jQuery對象需要從Ajax數據中獲取特定的ID值

Question

使用Ajax能夠接收數據。 現在需要獲取特定的id值。

這是代碼：

$(document).on('click', '.userdetails', function () {
    var memberid = $(this)[0].id;

    var memberName = $("#memberName").val();

    var mydata = 'task=' + "memberdetail" + '&ID='
        + memberid + '&current_user=' + "<?php echo $current_user->ID; ?>"
        + '&username=' + username;

    $.ajax({
        url: '<?php echo get_site_url(); ?>/userrdetail.php',
        data: mydata,
        type: 'POST',
        cache: false,
        beforeSend: function () {
            $('body').scrollTop(0);
            $(".loading").removeClass("hide");
        },

        success: function (data) {
            alert(data)
        }

輸出：

<div>
  <h4>William Mark</h4>
  <input type="hidden" id="username" value="William Mark" name="username">  (999) 999-999   Ext: 454 &nbsp
    </p>
  </div>

需要獲得id =“ username”的值。

Answer 1

通過使用數據屬性，如：

<div id="454" data-info="content that need to displayed"></div>

$(document).on('click', '.userdetails', function () {
var memberid = $(this)[0].id;
var username=$(this).data('info');
var memberName = $("#memberName").val();
var mydata = 'task=' + "memberdetail" + '&ID='
    + memberid + '&current_user=' + "<?php echo $current_user->ID; ?>"
    + '&username=' + username;

$.ajax({
    url: '<?php echo get_site_url(); ?>/userrdetail.php',
    data: mydata,
    type: 'POST',
    cache: false,
    beforeSend: function () {
        $('body').scrollTop(0);
        $(".loading").removeClass("hide");
    },

    success: function (data) {
    $("#username").html(username);                  
    $("#username").css({ 'display': "inline-block" });
    }