javascript - 通过 jQuery 获取 div 的值

Question

我有 2 个不断更新的跨度，其中包含坐标。这些跨度是从其他人编写的对更改非常敏感的单独 js 文件更新的。

我可以很好地看到跨度并且它们正在很好地更新坐标，但是我需要将它们作为变量传递到链接中。例如，我在 some.php?var1=[value of constantly updating div1]&var2=[value of constantly updating div2] 页面上有一个链接，我需要用户能够点击该链接。

我需要此链接，在单击时获取跨度的值并将其提交给页面处理程序(在本例中为 some.php)，或者只是从跨度不断更新。我试图获取 span 的 innerHTML 值，尽管不断更新它们似乎没有用....

Answer 1

假设您的 <span>元素有 ID:

<span id="var1">(constantly updating)</span>
<span id="var2">(constantly updating)</span>

然后构造一个占位符链接:

<a href="#" id="link">click me!</a>

下面的 jQuery 应该可以解决这个问题:

$(document).ready(function() {
    $('#link').click(function() {
        window.location = 'some.php?var1=' + 
            $('#var1').text() + '&var2=' + $('#var2').text();
    });
});

您可能还想考虑使用 encodeURIComponent()关于你的值(value)观 <span>确保它们正确传递的元素，除非您始终确定值的格式是 URI 安全的。