无法使用jQuery更改已解析HTML的属性

Question

我有一个input of type checkbox string的input of type checkbox在某些情况下，其checked属性应设置为true 。 我的问题是jQuery不会更改属性。

这是代码：

//some code
//*********
value = ['<input type="checkbox" class="checkable" name="ids" value="315658">'];

value[0] = $(value[0]).prop('checked', true).prop('outerHTML'));

console.log(value[0]);//logs the original input HTML which is <input type="checkbox" class="checkable" name="ids" value="315658">

return value;

如何使用jQuery更改字符串属性？

Answer 1

如果要更新html，可以使用attr() 。 使用prop()更新dom元素的内部属性，该属性可能无法反映在html中

 value = ['<input type="checkbox" class="checkable" name="ids" value="315658">']; value[0] = $(value[0]).attr('checked', true).prop('outerHTML'); snippet.log(value[0]); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <!-- Provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 --> <script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script> 

Answer 2

试试这个技巧

var checked = "checked ";
value = ['<input type="checkbox" class="checkable" name="ids" '+checked+'value="315658">'];