如何将 HTML 文本分配给 JavaScript 变量？

Question

是否可以将元素内的 HTML 文本分配给 JavaScript 变量？ 经过大量谷歌搜索，我注意到您可以将 HTML 元素分配给变量，但我想要实际的文本本身。

关于我的目标的详细信息：我目前正在开发一个 CRUD 应用程序，单击删除按钮，将显示一个模式并在删除记录之前要求用户确认。 单击按钮后，我想在用于 AJAX 呼叫数据的特定元素中检索 HTML 文本。 但是，到目前为止我所尝试的并没有被记录到控制台； 即使我将全局变量更改为 var deleteLocationID = "test"; 我怀疑模态显示会影响点击function？

编码：

var deleteLocationID;

$("#deleteLocationBtn").click(function () {
  deleteLocationID = $(document).find(".locationID").val();
  console.log(deleteLocationID);
});

到目前为止我已经尝试过：更改“deleteLocationID = $(document).find(".locationID").val();" 到以下变体：

• deleteLocationID = $(document).find(".locationID").html();
• deleteLocationID = $(".locationID").val() / deleteLocationID = $(".locationID").html();
• deleteLocationID = document.getElementsByClassName("locationID").value;

任何帮助将非常感激。

Answer 1

使用 JQuery 中的text()方法，您可以获取元素内部的文本。

使用这种方式，它可以帮助你：

deleteLocationID = $(document).find(".locationID").text()

这是从 class 元素获取文本的示例：

 $('.locationID').text()

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <div class="locationID">45</div>

Answer 2

这取决于您试图找到您的价值的元素类型。

对于输入类型，您可以通过 jQuery 中的.val()找到值，例如：

$(document).find(".locationID").val();

您可以通过 jQuery 中的.html()获取元素的 innerHTML，例如：

$(".locationID").html();

但是如果你想获取一个元素的内部文本，你可以在 jQuery 中使用.text() ，例如：

 $(".locationID").text();