jQueryでウィンドウサイズによって処理を変える

JavaScript

jQueryで$.inArrayを使えば配列の中に指定した値が何番目に入ってるか知ることができる

jQueryで配列の中に自分が指定した値が何番目にあるか知りたい場合は$.inArrayを使えば知ることができます。使い方は簡単で、$.inArrayの第一引数に探したい値を指定して、第二引数に探し出す配列を指定するだけです。これで第一引数に、指定した値が入っているインデックスが返ってきます。わざわざforやらを使って調べなくてもいいので便利ですね。

[ads_center]

$.inArray()

以下、具体的な使い方のコードです。

arr = ["aaa", "bbb", "ccc"];
var i = $.inArray("bbb", arr);
document.writeln(i);

// 実行結果 1

こんな感じで使います。

もう少しだけ実用性を持たせてみます。以下はsampleというクラス名がついている要素を1つずつ配列に入れ、その中から「テキスト3」と書かれた要素のテキストを「ここを指定しました」と置き換えてみるサンプルです。

HTML

<p class="sample">テキスト1</p>
<p class="sample">テキスト2</p>
<p class="sample">テキスト3</p>
<p class="sample">テキスト4</p>
<p class="sample">テキスト5</p>

JavaScript

var n = $('.sample');
var arr = [];
var num = n.length;
for(var i = 0; i < num; i++){
    arr.push($(n[i]).text());
}
var j = $.inArray("テキスト3", arr);
$(n[j]).text("ここを指定しました");

// 実行結果
<p class="sample">テキスト1</p>
<p class="sample">テキスト2</p>
<p class="sample">ここを指定しました</p>
<p class="sample">テキスト4</p>
<p class="sample">テキスト5</p>

ということで、これだけだとあまり実用性が感じられないかもしれませんが、色々組み合わせていくことで少しは活躍するんじゃないかなと思いました。

jQueryでウィンドウサイズによって処理を変えるjQueryのeachと$.eachの簡単な使い方のメモ前のページ

WordPressでカスタムフィールドを使って任意のコードやファイルをhead内に読み込ませる次のページ

関連記事

  1. JS Form Validator

    JavaScript

    HTMLフォームの検証を簡単に実装できる「JS Form Validator」

    JS Form ValidatorはHTMLフォームの検証を簡単に実装…

  2. JavaScript

    レスポンシブなテキストを実装できるjQueryプラグイン「Responsive Text」

    Responsive TextというjQueryプラグインを使えば、と…

  3. JavaScript

    ボックス要素からはみ出した分のテキストを「…」に置き換えてくれるjQueryプラグイン「…

    なんとなく使う機会がありそうな感じのjQueryプラグイン「jQuer…

  4. Inspiration for Letter Effects

    JavaScript

    印象的なテキストエフェクトを実装する「Inspiration for Letter Effects」…

    anime.jsを活用した、印象的でとってもかっこいいテキストエフェク…

  5. Air Datepicker

    JavaScript

    軽量でクロスブラウザ、モダンブラウザに対応した「Air Datepicker」

    Air Datepickerは軽量でクロスブラウザ、モダンブラウザに対…

  6. no-image

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP