使用 Jquery 在 JavaScript 变量中编辑 HTML

Posted 2023-05-09

【中文标题】使用 Jquery 在 JavaScript 变量中编辑 HTML

【英文标题】：Edit HTML in JavaScript variable using Jquery

【发布时间】：2014-03-01 18:24:24

【问题描述】：

我有这个代码：

var a = '<span class="select-me">hohoho</span><input type="text" class="alias" />';
$(a).filter('input.alias').val('my new alias');
console.log(a);

我可以使用 jQuery filter 方法做到这一点吗？

我期待 console.log(a)，

<span class="select-me">hohoho</span><input type="text" class="alias" value="my new alias" />

【问题讨论】：

可以，但需要关闭 type="text" 上的引号

为什么不自己试试呢？ :))

不确定您的查询到底是什么，仍然通过这个 [jsperf.com/jquery-selector-data-attr-vs-class/12] 。希望它有助于让事情变得清晰。

@Anton 其实不对，“a”对象不是有效的选择器

但是当我 console.log(a);它根本没有改变。它说'hohoho'。我希望它应该是'hohoho '

【参考方案1】：

您需要在更改变量后保存它，也不是 .val() 会更改输入的属性而不是属性。如果您想更改属性，请使用.attr('value','my new alias');

var a = '<span class="select-me">hohoho</span><input type="text" class="alias" />';
a = $(a).filter('input.alias').val('my new alias');
console.log(a);

DEMO

【讨论】：

我明白了，但我不想那么早返回窗口，因为我希望它返回到 js 的后端，但感谢您的解释