タグ

jQueryと要素に関するmimosafaのブックマーク (2)

  • jQueryでクリックした要素が何番目かを調べる方法

    jQueryでクリックした要素が何番目の要素かを調べる方法を紹介します。 このエントリーはビギナーの方向けの内容です。 1.問題点 次のようなHTMLを想定します。 <ul> <li>aaa</li> <li>bbb</li> <li>ccc</li> <li>ddd</li> <li>eee</li> </ul> たとえば、「ccc」のli要素をクリックしたときにli要素の中の3番目の要素であることを知りたいのですが、調べる方法が分かりません。 2.クリックした要素が何番目かを取得する(その1) クリックした要素が何番目かを取得するには、index()を利用します。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> jQuery(function

  • jQueryで新しい要素を作成する方法

    jQueryで新しい要素を作成する方法を紹介します。 ここでは新しい要素を作成方法と、新しく作った要素にコンテンツを加える方法、そしてウェブページに追加するまでの手順を解説します。 このエントリーはビギナーの方向けの内容です。 1.新しい要素を作る jQueryで新しい要素を作る場合、たとえばp要素を作るには、次のように作りたいタグを直接記述します。 var paragraph = $('<p>'); 次のように記述してもOKです。 var paragraph = $('<p></p>'); 空要素で記述してもOKです。 var paragraph = $('<p />'); jQuery1.3以前では要素を必ず「/」で閉じていなければいけなかったため、一番最初の書き方はNGでしたが、1.4以降では閉じなくても大丈夫になりました。 2.新しく作った要素にコンテンツを追加する 新しく作った要

  • 1