javascript - 如何从javascript中附加的表中获取值

Question

我的代码:

for (var i = 0; i < arr.length; i++) {
  $("#myfav").append("<tr><td>" + "<a href='#' class='ui-btn' style='background-color:white;color:#03d3aa;' onClick='window.onclick= prepareButton()'>" + arr[i].username + "<br>" + arr[i].phoneno + "<br>" + "Status: " + arr[i].status + "</a></td></tr>");
}

function prepareButton() {

  $(function() {
    $("#dialog").dialog({
      autoOpen: true,
      show: {
        effect: "blind",
        duration: 1000
      },
      hide: {
        effect: "explode",
        duration: 1000
      }
    });
  });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div id="dialog" title="Basic dialog" style="display:none;background-color:white;">
  <a href="#" onclick="add()" class="ui-btn">Add as Loved Ones</a>
  <a href="#" onclick="view()" class="ui-btn">View Profile</a>
</div>

现在我有一个联系人列表，单击时将运行函数prepareButton()，该函数将显示一个带有按钮的对话框。

我需要获取点击联系人的 arr[i].username 和 arr[i].phoneno 的值，以便将此值传递给 add() 按钮并通过 AJAX 将其保存到我的数据库中。

但是，我似乎无法获取这两个值，因为它是使用 Javascript 以表格格式附加的。

谢谢!

Answer 1

您可以将参数添加到prepareButton函数中，当您将行追加到表中时，只需确保使用提供的参数调用该函数即可。就像您向他们展示的方式一样:

for (var i = 0; i < arr.length; i++) {
  $("#myfav").append("<tr><td>" + "<a href='#' class='ui-btn' style='background-color:white;color:#03d3aa;' onClick='window.onclick= prepareButton(\'"+arr[i].username+"\', \'"+ arr[i].phoneno+"\')'>" + arr[i].username + "<br>" + arr[i].phoneno + "<br>" + "Status: " + arr[i].status + "</a></td></tr>");
}

function prepareButton(username, phoneno) {

  $(function() {
    $("#dialog").dialog({
      autoOpen: true,
      show: {
        effect: "blind",
        duration: 1000
      },
      hide: {
        effect: "explode",
        duration: 1000
      }
    });
  });
}

我没有运行代码。