children() jqueryについての紹介記事

jqueryプラグインを探しています。[[技術者向]コンピューター>プログラミング>JavaScript]ttp://akaitaro.com/ 上記のサイトのように、画像の部分にマウスオーバーすると画像の上にテキストが表示できるようなプラグインを探しています。 探してみたのですがなかなか見当たらない…
Node JS: Learn Node In The Most Simple and Effective Way Possible. Learn to use Node in several ways.: With Events, Async Functions, API calls, Push Notifications, … Line Input, Web Server (English Edition)
Node JS: Learn Node In The Most Simple and Effective Way Possible. Learn to use Node in several ways.: With Events, Async Functions, API calls, Push Notifications, ... Line Input, Web Server (English Edition)
価格:



jqueryのchildrenに関しての仕様についてお聞きし[コンピュータテクノロジー|プログラミング|JavaScript]jqueryのchildrenに関しての仕様についてお聞きしたいです。 ○やりたいこと: どのチェックボックスが押されても親を検索してその配下の特定のチェックボックスにチェックつける ・検討方法 1、checkboxをクリックしたときにイベントをフックします。 2、クリックされたチェックボックスの親要素検索してテーブルを検索します。 3、親要素のある特定(テーブル1行目の2つ目の最初に出現するチェックボックス)のチェックボックスを 指定 この3番の所がうまくいきません。 どんな指定の仕方がよろしいのか教えてください。 ■jquery $(‘input:checkbox’).click(function() { var targ_tbl; targ_tbl = $(this).closest(‘table’); var curry = targ_tbl.children(‘tr’).eq(0).children(‘td’).eq(0); ★ここがなぜかうまくいきません }); ■HTML =========================================== <div class=”tbl2″> <p class=”tbl_name”>テーブル1</p> <table id=”t1aa”> <thead> <tr> <th>項目1</th> <th>項目2</th> <th>check1</th> <th>check2</th> <th>check3</th> </tr> </thead> <tbody> <tr> <td>カレー</td> <td>餃子</td> <td><label><input type=”checkbox” id=”curry”></label></td> <td><label><input type=”checkbox” id=”gyoza”></label></td> <td><label><input type=”checkbox” class=”bulk”></label></td> </tr> <tr> <td>みかん</td> <td>りんご</td> <td><label><input type=”checkbox” id=”mikan”></label></td> <td><label><input type=”checkbox” id=”ringo”></label></td> <td><label><input type=”checkbox” class=”bulk”></label></td> </tr> <tr> <td>熊</td> <td>トラ</td> <td><label><input type=”checkbox” id=”kuma”></label></td> <td><label><input type=”checkbox” id=”tora”></label></td> <td><label><input type=”checkbox” class=”bulk”></label></td> </tr> </tbody> </table> </div> ===========================================音声入力機能において、Web Speech APIを使い、複[コンピュータテクノロジー|プログラミング|JavaScript]音声入力機能において、Web Speech APIを使い、複数の入力フォームの入力に対応するようにしたい。 現在、Chromeで音声入力させる方法を作っています。 class指定やid指定ではできるのですが、それでは複数の入力フィールドに同時反映されます。 個々の入力フィールドに対応させるようにしたいです。 次のコードのどの部分を変更すればよいでしょうか? —–html <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> <link rel=”stylesheet” type=”text/css” href=”style.css”> <script src=”https://code.jquery.com/jquery-2.1.4.min.js”></script> <script src=”record.js”></script> <title>音声入力</title> </head> <body> <h1>音声入力</h1> <form action=”#” method=”post”> <div class=”input text required”> <label for=”voice_text”></label> <input type=”text” name=”hoge” class=”voice_text” placeholder=”入力欄” required=”required” maxlength=”64″/> </div> <button value=”音声入力” class=”record_btn” onClick=”record()” type=”button”>音声入力</button> <div class=”input text required”> <label for=”voice_text”></label> <input type=”text” name=”hoge” class=”voice_text” placeholder=”入力欄” required=”required” maxlength=”64″/> </div> <button value=”音声入力” class=”record_btn” onClick=”record()” type=”button”>音声入力</button> <div class=”input text required”> <label for=”voice_text”></label> <input type=”text” name=”hoge” class=”voice_text” placeholder=”入力欄” required=”required” maxlength=”64″/> </div> <button value=”音声入力” class=”record_btn” onClick=”record()” type=”button”>音声入力</button> </form> </body> </html> —–js window.SpeechRecognition = window.SpeechRecognition || webkitSpeechRecognition; var recognitionja = new webkitSpeechRecognition();//音声機能 recognitionja.lang = ‘ja’; recognitionja.addEventListener(‘result’, function(event){ var text = event.results.item(0).item(0).transcript; $(“.voice_text”).val(text); //$(this).prev().children().next().val(text);//こんな感じで操作したい。 }, false); // 録音開始 function record() { recognitionja.start(); }jQueryでのDOM操作について 以下のtableがあり[コンピュータテクノロジー|プログラミング|HTML、CSS]jQueryでのDOM操作について 以下のtableがあり、btnクラスのオブジェクトをクリックした時に、textに入力されている内容を削除する操作を実現したいです。 この場合textとbtnの要素はいとこ?のような関係になるのでしょうか。 <table> <tr> <td> <div><input type=”text”></div> <div><input type=”text”></div> <div><div class=”btn”>del</div></div> </td> </tr> <tr> </tr> ~ </table> $(“.btn”).parent(“td”).children(“input”).val(“”) のように記述できるのかなと思ったのですが、うまく操作できません。 具体的にどのような記述をしたら良いのでしょうか、アドバイスお願いします。

jQuery: Buscando hijos con Children | Colecciones en jQuery | Programando en jQuery



Utilizaremos la función Children para buscar los hijos inmediatos de una colección de objetos.・・・続きはこちら⇒jQuery: Buscando hijos con Children | Colecciones en jQuery | Programando en jQuery



価格:0 円


  • このエントリーをはてなブックマークに追加

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です