Question

jquery変数オブジェクトの入力値を変更または設定する方法を教えてください。例えば ：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script> 
htmlString = '<div><input name="hello" value="AAAAAAAA" /> </div>'; 
$htmlString = $(htmlString); 
$htmlString.find('[name="hello"]').val('world') 
console.log($htmlString.find('[name="hello"]').val()); 
console.log($htmlString.prop('outerHTML')); 
</script> 

[NAME =「こんにちは」]の値は、最初にconsole.logの「世界」であることを示しているが、第二に、それはまだ「AAAAAAAA」であることを示しています。 私はそれを「世界」のままにしておく必要があります。

Answer 1

jQueryの.attr()を使用して新しい属性値を設定します。.setAttribute()は純粋なjsで呼び出され、両方ともDOM構造を変更します。

なぜ最初のコンソールにも「ワールド」が表示されるのはなぜですか？

あなたは

inputID.value = "world"; 
//value changed but if you try to view HTML source you see no changes 
inputID.setAttribute("value","world"); 
//here your source code changed 

jQueryの

でも

inputID.val("world"); 
//value changed but if you try to view source HTML you see no changes 
inputID.attr("value","world"); 
//here your source code changed 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<script> 
 
htmlString = '<div><input name="hello" value="AAAAAAAA" /> </div>'; 
 
$htmlString = $(htmlString); 
 
$htmlString.find('[name="hello"]').attr("value",'world'); 
 
console.log($htmlString.find('[name="hello"]').val()); 
 
console.log($htmlString.prop('outerHTML')); 
 
</script>