jQueryにJavaScript変数を挿入してHTML要素に挿入する方法は？

-2

JS変数を別のJSファイル（今のところ1つのHTMLファイル）に入れる必要がある場所で作業しています。私はすべての変数のテキストをjQueryに入れるのではなく、JSに入れたいと思っています。は、ここで私がこれまで持っているものです。jQueryにJavaScript変数を挿入してHTML要素に挿入する方法は？

<!DOCTYPE HTML> 
<html> 
<head> 
    <title> </title> 
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
    <script type="text/javascript"> 
     var tempTitle = "Title"; 
     var tempNavTitle = "Nav Title"; 
    </script> 
    <script> 
     $("title").html(tempTitle); 
     $(".nav > .nav-id > .nav-title").html(tempNavTitle); 
    </script> 
</head> 
<body> 
    <div class="nav"> 
     <div class="nav-id"> 
      <div class="nav-title"> </div> 
     </div> 
    </div> 
</body>

あなたが見ることができるように、私はすでにタイトル部分の作業を持っているが、HTMLの一部が動作していない（そしてそれは私の問題です）。

出典

2017-11-28 seanfrasure

jQueryの*** *** JavaScriptのです。変数のスコープが正しい限り、一方によって作成された変数は他方によって利用可能です。 –

あなたの問題は、要素が存在する前にスクリプトが実行されていることです。 '$（ドキュメント）が' .ready'になるのを待つ方法があった場合 –

グローバルスコープに変数が多すぎる可能性があります。私はそれらの変数で1つのオブジェクトを持つことをお勧めします。 – user8672473

プレーンJavaScriptとJqueryを分離しません。両方ともJavaScriptです。変数がスコープ内にある限り、その変数にアクセスできます。

// When the document's HTML is fully parsed, run the function 
 
// passed to JQuery: 
 
$(function(){ 
 
    var tempTitle = "Title"; 
 
    var tempNavTitle = "Nav Title"; 
 
    
 
    // Use .text(), not .html() when setting/getting non-HTML strings 
 
    $("title").text(tempTitle); 
 
    $(".nav > .nav-id > .nav-title").text(tempNavTitle); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="nav"> 
 
    <div class="nav-id"> 
 
    <div class="nav-title"> </div> 
 
    </div> 
 
</div>

出典

2017-11-28 22:22:37

@JaromandaXそれは今です。 –

どうすれば変数とjQueryを2つのファイルに分けることができますか？ – seanfrasure

@seanfrasure必要なものを取り出し、それを独自の.jsファイルに入れ、メインページで次のように参照することを確認してください。 ''そこからのデータが必要です。 –

jQueryにJavaScript変数を挿入してHTML要素に挿入する方法は？

答えて

関連する問題