次の要素jQuery / JSを継続的に見つける -- javascript フィールド と php フィールド と jquery フィールド と html フィールド 関連 問題

Continuously finding the next element jQuery/JS












0
vote

問題

日本語

スパン内の表から各文字を抽出しようとしています。これが私が持っているものです:

<事前> <コード> <?php $y='A'; $c=0; $z=0; echo "<table id=tableexample>"; while ($z<100){ $c=0; echo "<tr>"; while ($c<3) { if (isset($names[$z])){ echo "<td><span id=boldinfo>".$y."</span><br></td>"; } $y++; $c++; $z++; } } echo("</tr> "); echo "</table>"; ?>

だから私は複数の繰り返し span クラスを持っています、そして私はjQuery / jsをそれらを解析できるようにして、それぞれの値を取得することができます。

これは私のJS:

です <事前> <コード> $(document).ready(function () { $('.c3-legend-item-event').mouseover(function(){ var colorKeyLength = $(this).closest("g").attr('class').length; var colorKey = $(this).closest("g").attr('class')[colorKeyLength-1]; var colorKey2 = ''; while (colorKey != colorKey2){ colorKey2 = $( "table" ).find('#boldinfo').text(); } }); });

jsでは、変数 colorKey は、A、B、C、。、またはZのいずれかになります.PHPでは、変数<コード> y が同じことをします。そしてそれがループスルーとしてその手紙を増やすでしょう。

私の問題は、同じスパンクラスが異なるテキストを持つループを解析できることです。私はそれを言葉で言うことがわからない。私はNext()を使うことができることを知っていますが、私が複数の反復を通してそれをする方法がわからない。私はそれを何かを覆うとき、カラーキーと同じ文字を含むセルはセルの残りの部分とは異なる色で軽度に照らされます。

英語

I'm trying to extract each letter out of a table that is inside of a span. Here's what I have:

<?php     $y='A';     $c=0;     $z=0;     echo "<table id=tableexample>";     while ($z<100){         $c=0;         echo "<tr>";         while ($c<3) {             if (isset($names[$z])){                               echo "<td><span id=boldinfo>".$y."</span><br></td>";                 }                   $y++;             $c++;             $z++;         }      }     echo("</tr> ");     echo "</table>"; ?> 

So I have multiple repeating span classes, and I want to use jQuery/JS to be able to parse through them and get each value.

Here is my JS:

$(document).ready(function () {     $('.c3-legend-item-event').mouseover(function(){         var colorKeyLength = $(this).closest("g").attr('class').length;         var colorKey = $(this).closest("g").attr('class')[colorKeyLength-1];         var colorKey2 = '';          while (colorKey != colorKey2){             colorKey2 = $( "table" ).find('#boldinfo').text();          }      }); }); 

In the JS, the variable colorKey will be either A,B,C,.., or Z. In the PHP, the variable y does the same thing and will increment its letter as it loops through.

My problem is being able to parse through the loop that has identical span classes with different text. I'm not sure how I'd word it. I know I can use next(), but I'm not sure how I'd do that through multiple iterations. I'm trying to make it so when I hover over something, the cell that contains the same letter as colorKey will be hightlighted in a color different from the rest of the cells.

</div
           
         
         

回答リスト

0
 
vote

必ず <span id="boldinfo"></span> の形式でのみ見ているだけであれば、 $("span[id=boldinfo]")のような単純なjQueryセレクター、 $("span[id=boldinfo]")のような単純なjQueryセレクターです。コード>は、それらすべてをループするだけで使用できます。

 

If you know for sure that you will only be looking at spans in the format <span id="boldinfo"></span> (I would encourage using class here instead of id), a simple jQuery selector like $("span[id=boldinfo]") can be used to just loop through all of them.

</div
 
 
0
 
vote

属性 9988777667 は一意の要素に関連しているとされているので、代わりに属性 class を使用する必要があります。引用符なしで属性を設定するのは良い習慣ではありません(単一の属性がある場合にのみ機能します)。これが変更されています:

<事前> <コード> <?php $y = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; $z = 0; // could also be "<table id="table">" echo '<table id="tableexample" ' . 'cellpadding="0" cellspacing="0" border="0" ' . 'style="width:100%;">'; while ($z < 100) { $c = 0; echo '<tr>'; while ($c < 3) { if (isset($names[$z])) { echo '<td align="left" valign="top">' . '<span class="boldinfo">' . $y[$z] . '</span>' . '</td>'; } if ($z >= strlen($y) - 1) { $z = 0; } else { $z++; } $c++; } echo '</tr>'; } echo "</table>"; ?>

それから私はあなたがあなたのJSコードでやりたいことがわかりませんが、ここにその新しいバージョンがあります:

<事前> <コード> // Import the code import uuid from 'uuid'; // My dummy component <Messages> <ul> {messages.map(({ value, signature }) => ( <Message value={value} key={uuid.v4()} // use the uuid as the unique key from={signature} onMessageRecieved={this.handleMessageRecieved} /> ))} </ul> </Messages> 0

それが役立つことを願っています!

 

The attribute id is supposed to be related to a unique element, you should use the attribute class instead. It is also not a good practice to set an attribute without quotes (it will only work if you have a single attribute). Here's the modifications:

<?php      $y = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';     $z = 0;      // could also be "<table id="table">"      echo '<table id="tableexample" ' .     'cellpadding="0" cellspacing="0" border="0" ' .     'style="width:100%;">';      while ($z < 100)     {         $c = 0;         echo '<tr>';          while ($c < 3)         {             if (isset($names[$z]))             {                               echo                 '<td align="left" valign="top">' .                   '<span class="boldinfo">' .                   $y[$z] .                   '</span>' .                 '</td>';                 }             if ($z >= strlen($y) - 1)             { $z = 0; }             else             { $z++; }              $c++;         }         echo '</tr>';     }     echo "</table>"; ?> 

Then I am not sure to understand want you want to do with your JS code but here's my new version of it:

jQuery(document).ready(function($) {     $('.c3-legend-item-event').mouseover(function()     {         var colorKeyLength = $(this).closest("g").attr('class').length;         var colorKey = $(this).closest("g").attr('class')[colorKeyLength-1];         var colorKey2 = '';         var spans = $('#tableexample .boldinfo');          spans.each(function(index)         {             var txt = $(this).text();              if (colorKey == txt)             {                 // do something                 return false;             }         });     }); }); 

Hope it helps!

</div
 
 

関連する質問

4  Webの未来は何ですか? XHTML 2、HTML 5、または何か他のもの?  ( Whats the future of the web xhtml 2 html 5 or something else ) 
新しいバージョンのHTMLとXHTMLの新しいバージョンの両方の議論と進歩に混乱しています。彼らは競争相手ですか?もしそうなら、Webの採用された未来になることが最も好意的ですか?そうでなければ、それぞれの競合されていない目的は何ですか? ここではBluray...

303  Internet Explorer 7の絶対に配置された親のパーセント幅の子要素の幅が崩壊したのはなぜですか。  ( Why did the width collapse in the percentage width child element in an absolutel ) 
私は、いくつかの子供を含む絶対に配置された div があり、そのうちの1つは比較的配置された div です。子<コード> Form1 で Form0 を使用すると、IE7の Form2 に折りたたみますが、FirefoxまたはSafariではなく。 For...

635  ユーザーのタイムゾーンを決定します  ( Determine a users timezone ) 
WebサーバーがWebページ内のユーザーのタイムゾーンを決定できるようにするための標準的な方法はありますか? おそらくHTTPヘッダーまたは<コード> Form7 string? ...

273  HTML形式の複数の送信ボタン  ( Multiple submit buttons in an html form ) 
HTMLフォームにウィザードを作成しましょう。 1つのボタンが戻ってき、1つが進みます。 ENTER を押すと、背面ボタンが最初に表示されているので、そのボタンを使用してフォームを送信します。 例: <コード> <form> <!-- Pu...

31  私は私のウェブサイトをiPhoneのアイコンに与えるのですか?  ( How do i give my websites an icon for iphone ) 
私が作成したWebサイトの iPhone に適切なアイコンを設定する方法は? ...

76  ハイフンのような特殊文字の後に単語を破る方法( - )  ( How to break word after special character like hyphens ) 
比較的単純なCSS: <コード> div { width: 150px; } <コード> <div> 12333-2333-233-23339392-332332323 </div> 文字列が width に制約される...

80  WebサービスからHTML文書を印刷する方法  ( How do i print an html document from a web service ) 
C#WebサービスからHTMLを印刷したいです。 Webブラウザコントロールはオーバーキルであり、サービス環境ではうまく機能しないため、非常に厳しいセキュリティ制約を持つシステムではうまく機能しません。基本的なHTMLページの印刷をサポートする<コード> 9...

0  リスト項目でディスクを取り除く  ( Getting rid of disc in list item ) 
jQueryを使用してサイトを開発し、jQuery UIタブを作成しています。何らかの理由で、私のタブ(順序付けられていないリスト)は、OS XのFirefox 3を除くすべてのブラウザ(これまでにテスト済み)に弾丸を表示しています.Safari OS X、...

142  定義されたフォントのどれがWebページで使用されていたかを検出する方法  ( How to detect which one of the defined font was used in a web page ) 
私のページに次のCSSルールがあるとします。 <コード> body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } ユーザーのブラウザで定義されたフォントの1つを使用...

5  CSSのテーブルを垂直方向に揃える方法  ( How to vertically align a table in css ) 
画面の途中でテーブルをCSS?に垂直に揃える方法 ...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有