2

問題は非常に些細なことですが、正しく定式化する方法がわかりません。OK、私はPHPとjQueryを使用しています。また、ユーザーからサーバーへのリクエストにはajaxを使用しています。私が探しているのは、いくつかのああああについての情報を取得する簡単な方法です。

DB からの情報を使用してページを作成します。たとえば、色を持つオブジェクトを含むテーブルがあり、ページが読み込まれると次のようになります。

 <body>
 <span class="object_span">red</span><button>random color</button> 
 <span class="object_span">white</span><button>random color</button>
 </body>

これを単純化しましたが、要点はわかりました。

次のステップでは、ajax を使用して次のいずれかを変更します。

 $(document).ready(function(){
 $('#object_span').change(function(){

  $.post(
'ajax_handler.php',  
    {object_id: 'how to simply get this parameter???' },  //         <---- problem is here
    function(responseText){  
    console.log(responseText);  
    },  
    "html"  
  );  

  });
 });

「my_object_id:1232」のようにスパンに追加できるパラメータがあるかもしれません?? または、このようにjsまたはjQueryで簡単に使用できるもの：

     $(document).ready(function(){
     $('#object_span').change(function(){
     var current_object_id = $('#object_span').attr('my_object_id');
     ...
     });
 });

ご協力いただきありがとうございます。

4

3 に答える 3

3

属性を使用しdataます:

<body>
     <span class="object_span" data-my_object_id="1234">red</span><button>random color</button> 
     <span class="object_span" data-my_object_id="1235">white</span><button>random color</button>
</body>

次に、次のことができます。

$(document).ready(function(){
    $('.object_span').change(function(){
     var current_object_id = $(this).data('my_object_id');
     ...
});
于 2012-11-22T17:04:39.753 に答える
2

定義済みの属性にアクセスするときに、属性をスパンしてアクセスするように割り当てることができます。

ライブデモ

HTML

<span class="object_span" my_object_id="I am added">red</span>

Javascript

 $('#object_span').change(function(){
       var current_object_id = $(this).attr('my_object_id');
 });

データ属性名も使用できます。

ライブデモ

HTML

<span class="object_span" data-my_object_id="I am added">red</span>

Javascript 

   $('#object_span').change(function(){
        var current_object_id = $(this).data('my_object_id');           
   });
于 2012-11-22T17:04:09.610 に答える
1

HTML5 データ属性と jQuery data() メソッドを確認することをお勧めします

于 2012-11-22T17:04:53.480 に答える