</p> <p>ケース....私は、文字通りのStackOverflow上どこでも検索しました。..テーブル内の複数の列を選択し、私は時間と時間を探してきたが、私は私の問題への解決策を見つけることができませんjqueryの

から値を取得する：私が得ました多くの異なる列を持つHTML表。テーブル内で複数の列を選択し、jqueryから値を取得したいとします。本当にsimple.Iは、あなたが提供jsfiddleを取っています</p> <p>ケース....私は、文字通りのStackOverflow上どこでも検索しました。..テーブル内の複数の列を選択し、私は時間と時間を探してきたが、私は私の問題への解決策を見つけることができませんjqueryの

出典

2016-07-03 AndroidGL

より良い例： 'ます。http：// jsfiddle.net/jrthib/HVw7E/2' あなたがここに見ることができるように、あなたが列を選択するとき、あなたは複数の列を選択します（4列）。これはまさに私が達成したい結果ですが、唯一の違いは、jqueryから同時に値を取得したいということです。 – AndroidGL

何の値を取得するユーザーがクリックした列の値？ –

はい、正しいです。 \t \t真、（ConnectToServer関数+ 443を接続する。ここ – AndroidGL

まあ：私は上記の結果を達成する必要はありませんが、私は以下の結果を達成したい

そのコメントを変更して、ユーザーがクリックした行の列値にアクセスし、その結果をアラート・ボックスに表示します。私はそれがあなたの役に立てば幸い：

<head runat="server"> 
    <title></title> 
    <style type="text/css"> 
     tr.highlighted td { 
      background: red; 
     } 
    </style> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(function() { 

      $('#data tr').click(function (e) { 
       $('#data tr').removeClass('highlighted'); 
       $(this).addClass('highlighted'); 

       var columns = $(this).children(); 

       var name = $(columns[0]).text(); 
       var surname = $(columns[1]).text(); 
       var age = $(columns[2]).text(); 
       var dob = $(columns[3]).text(); 

       var clickedRow = "Name - " + name + ".Surname - " + surname + ".Age - " + age; 

       alert(clickedRow); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <table id="data" border="1" cellspacing="1" width="500" id="table1"> 
     <tr> 
      <td>User Name 1</td> 
      <td>User Surname 1</td> 
      <td>User Age 1</td> 
      <td>User DOB 1</td> 
     </tr> 
     <tr> 
      <td>User Name 2</td> 
      <td>User Surname 2</td> 
      <td>User Age 2</td> 
      <td>User DOB 2</td> 
     </tr> 
    </table> 
</body>

出典

2016-07-03 17:29:34

ここを見て：http://prntscr.com/bobdmn をそれが働いて、私は今、それぞれの行と列を選択することができます。しかし、どのようにして各行（「World 1」、「World 2」、「World 3」）を選択して各値を取得することができますか？たとえば、ワールド1の行は値「world_1」を取得し、ワールド2の行は値「world_2」などを取得します。このコードは私のために働いていません ' ' – AndroidGL

投稿したコードを試しましたか？クリックすると、各列の値が表示されます。これはあなたが望むものではありませんか？ –

私のゲームのサーバーリストを作成しようとしています。 http://gota.io/web/ のようにゲームに接続するたびに、localhost +ポート443（これは「World 1」）に接続します。たとえば、「World 2」を選択すると、他の世界（ローカルホスト+ポート5422）に切り替えることになります。ここをクリックしてください： http://prntscr.com/bobip1 – AndroidGL

</p> <p>ケース....私は、文字通りのStackOverflow上どこでも検索しました。..テーブル内の複数の列を選択し、私は時間と時間を探してきたが、私は私の問題への解決策を見つけることができませんjqueryの

答えて

関連する問題