Javascript関数内でDIVに変数を挿入

Question

誤った用語を言うと、Javascriptで4時間未満の経験があります。私がやろうとしているのは、javascriptで定義されているDIVの最後に変数を追加することです。例えば

ここに変数である：ここで

<?php 
    $n = rand(10e16, 10e20); 
    $x = base_convert($n, 10, 36); 
?> 

は、使用中の変数です：

javascript関数で

<input type="button" name="osx<?php echo $x;?>" value="View" class="osx<?php echo $x;?>" id="osx<?php $x;?>"/> 

<div id="osx-modal-content<?php echo $x;?>" style="display:none"> 

私は現在、この持っている：

jQuery(function ($) { 
var OSX = { 
    container: null, 
    init: function() { 
     $("[id^=osx").click(function (e) { 
      e.preventDefault(); 
      $("[id^=osx-modal-content]").modal({OPTIONS}); 

そして、これを：

open: function (d) { 
     var self = this; 
     self.container = d.container[0]; 
     d.overlay.fadeIn('slow', function() { 
      $("[id^=osx-modal-content]" + $x, self.container).show(); 

明らかに始まりますが、最適な解決策ではありません。 onclickイベントが発生すると、osx-modal-contentで始まるページのすべてのDIVSがアクティブになるので、だからそれは微調整する必要があります。そのようなので、私はJavaScriptに変数を追加する方法を

....

例えば聞かせてのは、$ X = 12345そうJavascriptが

.....として、それを読んでいまし言う

$("osx" + $x).click(function (e) { 
$("#osx-modal-content" + $x).modal({OPTIONS}); 
$("#osx-modal-content" + $x, self.container).show(); 

$("osx12345")  etc.......... 
$("#osx-modal-content12345") etc....... 
$("#osx-modal-content12345", self.container etc....... 

Answer 1

<script> 
var osx = "osx<?php echo $x;?>"; 
</script> 

その後、あなたはjQueryのセレクタ