javascript - 将 tmpl 绑定(bind)到 jquery 集合

Question

谁能解释一下这种行为，假设你有一个 jQuery 集合，如下所示:

var list = $("#mySelect").children().filter(":selected");

然后我想使用以下模板创建一个文本连接来获取“pX，pY”:

var concatenation = $.tmpl("p${$data.val()}, ", list);

结果是一个文本节点，仅包含列表“pX”中的第一个值。

当然还有其他方法可以解决这个例子，例如:

"p" + $("#mySelect").val().join(", p");

经过一些 trim 。但我的问题是关于 tmpl 行为，我不明白为什么它只采用第一个值。

Answer 1

你的选项是一个 jQuery 选择器结果集合，看起来模板引擎不理解这是一个集合并将一行数据绑定(bind)到整个集合，这就是为什么 $data.val() 返回第一个值(这就是jquery 选择器的默认行为)。

如果你这样做

var concatenation = $.tmpl("p${$data.value}, ", options.get());

.get() 将以数组形式返回底层 DOM 元素，模板引擎对这些元素进行数据绑定(bind)没有问题。不要忘记您需要将模板从 $data.val() 更改为 $data.value，因为您现在直接针对 DOM 元素工作