2016-12-14 6 views
0

私は、jqueryを使用して値を参照するために使用できるasp Webページで隠しテーブルを作成しようとしています。基本的に私は、隠しテーブルと一致させたいIDを持っていて、そのIDから値3列を検索します。 どうすればいいですか?jqueryを使用してテーブルの値を検索する方法は?

私が見るのは、クリックしたセルの値を取得した結果です。しかし、ユーザーは私のテーブルと対話しません。

また、この構造を使用して、サーバーへの呼び出しを繰り返さないようにしています。私は一度にテーブルにデータを集めているので、jqueryを使って検索できるようにしたい。

+1

なぜデータをHTMLに保存していますか?あなたはあなたのデータでJavaScriptオブジェクトを作ることができますか?あなたの要件をもう少し説明できますか? – murtuza

+0

JavaScriptオブジェクトにデータを格納するほうがずっと良いでしょう。これは、サーバーへの余分な呼び出しを必要としません。 – MCMXCII

+0

基本的には、コントロールの3つのテキストボックスに入力するために使用されている20 x 40のSQLデータセットがあります。これらのテキストボックスの値は頻繁に変更する必要があります。新しい値のためにサーバーに繰り返し呼び出すのではなく、ページの読み込み時にSQLデータセット全体を集めて、3つのテキストボックスを変更する必要があるときに値を参照しようとしています。 – anesthetic

答えて

1

あなたの質問は、XY問題の場合があります。表示されないHTML <table>を使用する代わりに、代わりにJavaScriptオブジェクトの配列を作成することができます。 (しかし、私はこのアプローチが実際にあなたのものよりも良いかどうかは確かではなく、そのパフォーマンスは保存したいデータが比較的小さいか比較的大きいかによって異なるかもしれません)。

しかし、

<tr data-number="@put-id-in-here"> 
    <td data-column="firstName">John</td> 
    <td data-column="lastName">Smith</td> 
</tr> 

を、あなたが第42行から最後の名前を取得したいとき、あなたはこのようにjQueryを使用することができます:アプローチ、あなたはとても似data-whatever属性(およびdata-something<td>)を使用して<tr>要素を飾ることができます

$("#idOfYourTable") 
    .find("tr[data-number=42]") 
    .find("td[data-column=lastName]") 
    .text();//or whatever jQuery function you desire 

また、属性を追加したくない場合は、:nth-child()を使用して、親要素内の位置によって要素を選択できます。

+0

ありがとうございます。私はそのショットを与えるでしょう。これまでのJavascriptオブジェクトの使用に関する私の研究は、PHPとMySQLを使用することを指摘しています。私は現在、どちらも使用していませんので、今の私にとってはより良い方法です。 – anesthetic

+0

@anesthetic PHP +データベースとJSは異なる問題を解決します。前者はHTMLページをネット上でユーザのブラウザに送る前に生成します。後者はブラウザがユーザの利便性のために(より良いUXのように)操作を実行できるようにします。隠されたHTMLテーブルの代わりにJS配列のオブジェクトを使用する議論は、データがJSによってアクセスされるのは、とにかく、アクセスが速ければ(パフォーマンスが向上し、jQueryはDOMを処理する必要がないため)開発者のために)JS変数の中に置くことができます。 – Dragomok

+0

私にリンクできる良いリソースはありますか?私はいくつかの検索のためのgoogleの4ページ目です。そして、MSSQLテーブルからJS配列を作成する例を見つけるのが難しいです。 – anesthetic

関連する問題