可以在JavaScript中将变量作为元素ID传递吗

Question

我正在尝试使用jQuery在Django中运行一些AJAX。 问题是我要更改的元素的ID并不是一成不变的，它是Django模板变量，因此表中的每个元素都不同，但是我想使用AJAX来更改该元素。 我正在通过simplejson将字典从Django视图传递到JavaScript，相关的对象是ID和模型（不是真实的变量名，只是想让它变得很明显我正在尝试做）。 一些伪代码（第三行，就像python一样写，因为我不知道如何在JavaScript中执行此操作）：

var quantity_update = function(msg, elem) {
    var response_obj = eval('(' + msg + ')');
    var newtotal = document.getElementById("%s, %s"); % (response_obj.id, response_obj.model)
    subtotal.innerHTML = "<td>"+response_obj.subtotal+"</td>"; 

这样的事情有可能吗？

Answer 1

如果您的元素ID并非一成不变，则可能需要使用其他方式来标识该元素。 许多JS框架（例如jQuery）都支持通过CSS Selector进行标识。 例如，您可以通过标签和类的组合来标识要更改的元素。

有关可用选择器的文档，请阅读jQuery选择器文档。

Answer 2

Javascript没有花哨的字符串格式（％s），但是您可以使用纯字符串连接，就像在Python中一样：

var id = response_obj.id + ', ' + resonse_obj.model

您无需担心字符串是动态生成的。 毕竟它仍然是一个字符串，并且getElementById以相同的方式接受它。

---

您可能不应该自己执行eval（）来解析JSON。 我很确定当您执行AJAX请求时，您可以让JQuery为您执行此操作。

Answer 3

您可以完全将jquery css选择器作为变量传递。 简单的例子：

var elementId = $('td').eq(0).attr('id'),
    myElement = $('#'+elementId); 

在此示例中，我们获取文档中第一个TD的ID，找到其ID，然后使用该ID来获取“ myElement”

您可能会发现查看jQuery文档（api.jquery.com）的“选择器”部分以查看所有查找元素的选项很有帮助。 在我的示例中，我还使用了jquery.eq（）方法，该方法将选择器列表（在本例中为所有TD）筛选为一个特定的选择器。