動的に表示されるコンテンツを保存する方法

Question

動的に表示されるhtmlコンテンツに格納する適切な方法は何ですか？

私の場合は、何がクリックされたかによって、ある種のテキストがウェブサイトの別の部分に表示されます。私の最初のアイデアは、このコンテンツを保存するための変数をjs/jqueryスクリプトに作成して、スクリプトが必要なときにアクセスできるようにすることでした。

これは一例です：

var someContent=" Content to be displayed when something is clicked"; 
var a=$('#myid'); 

a.click(function(){ 
    $('#myOtherId').text(someContent);  
    }); 

しかし、それはコンテンツが「なし」とjsのスクリプトに設定された表示値とHTMLで保存されるべきであることを私の心に来ている間必要があり、単純なトグルの後それがクリックされたかどうかに応じて視認性が向上する。 jsのスクリプト内のコンテンツを格納

は、はるかに簡単そうです - しかし、何かがそれを行うには良い方法があることを私に語った...

Answer 1

確かに、あなたは、HTML要素のテキストを持っていることによって、それを行うには、使用することができますいずれかのjQueryの.toggleや.showあなたはそれが第二のクリックに反応する方法に応じて：

$("#toggle").click(function() { 
 
    $('#msg').toggle(); // or .show() to have it in one way only 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span id="msg" style="display:none">Content to be displayed when something is clicked</span> 
 
<br> 
 
<button id="toggle">click me</button>

は、コンテンツが静的である場合には、コンテンツが動的な場合（つまり、コンテンツが動的である場合）、HTMLに埋め込まれるのが自然です。アプリケーションの実際の状態に依存します）、JavaScriptのテキストの動的部分を挿入します。

開発チームの非JSプログラマ（ただし、HTMLの知識を持っている人）にとっては、ページのHTML部分に埋め込まれているメッセージを操作する方が理論的には簡単です。

しかし、これは実際に意見の問題です。ここで

は2のミックスです：

$("#enter").click(function() { 
 
    // Copy the number into the error message 
 
    $('#num').text($("#inp").val()); 
 
    // Show the error message when the number is not even 
 
    $('#msg').toggle($('#inp').val() % 2 !== 0); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
Enter an even number: <input id="inp" type="number" value=1> 
 
<button id="enter">Verify</button> 
 

 
<div id="msg" style="display:none; color:red"> 
 
    The number <span id="num"></span> is not even 
 
</div>