古いjqueryライブラリでindexOfを適応されるようにしたい

Question

前提・実現したいこと

現在わけがあり、jqueryの1.3.2verでの
作成を行っているのですが、
以下のようなエラーが出ております。

発生している問題・エラーメッセージ

Uncaught TypeError: Cannot read property 'indexOf' of undefined

こちら、最新バージョンであれば、
エラーが出ることはないことはわかっているのですが、
どうしてもこちらのバージョンで実装したいと思っております。

該当のソースコード

<div class="serchBox">
  <select name="region">
    <option value="">地域を選択</option>
    <option value="all">ALL</option>
    <option value="matudo">松戸のみ</option>
    <option value="matudo">松戸・ALL</option>
    <option value="chiba">千葉市</option>
    <option value="katuura">勝浦市</option>
    <option value="abiko">我孫子市</option>
    <option value="okashiwa">柏市</option>
  </select>
  <button type="button" id="search">検索</button>
  <button type="button" id="reset">リセット</button>
</div>
<p>該当件数は<span class="number"></span>件です。</p>
<div class="list" data-tiiki='["matudo"]'>松戸市</div>

$(function() {
    var lists = $('.list');
    $(document).ready( function(){
filter_list();
});
    $('#search').click(function(){
      filter_list();
    });

    // リセットボタンをクリックしたときの処理
    $('#reset').click(function(){
        // フォームのselectとcheckboxをリセット
        $('.serchBox select').val('');
        // リストの絞り込みをリセット
        filter_list();
    });
      function filter_list() {
        lists.show();
        for (var i = 0; i < $('.serchBox select').length; i++) {
            // 絞り込みの項目を取得
            var item = $('.serchBox select').eq(i).attr('name');
            // 絞り込みの対象を取得
            var target = $('.serchBox select').eq(i).val();

            if(target != '') {
                for (var j = 0; j < lists.length; j++) {
                    // 絞り込み対象でない場合は非表示
                    if(lists.eq(j).data('tiiki').indexOf(target) === -1) {
                     lists.eq(j).hide();
                                        }
                };
            }
        };

$(function(){
  var len=$('.list').filter(':visible').length;
  console.log(len);
  $("span.number").text(len);
});

      }
    });

試したこと

indexOfをttestメソッドに変えてみましたが、
結果は同じようなものになりました。

また、エラーの理解度としては、
「オブジェクトの存在しないプロパティの何かにアクセスしている」
くらいですが、認識としてはあっているでしょうか？

何卒宜しくお願い致します。

Answer 1

現在わけがあり、jqueryの1.3.2verでの

作成を行っているのですが、

$().dataがdata-xxx属性を読み取るようになったのはjQuery 1.4.3以上です（リファレンス）。1.3.2では、$().data()で保存したものにしかアクセスできません。

Comments

[satoru225Simple]

ご回答ありがとうございます。
ということは、1.3.2ではdata-xxx
で読み取る方法は不可ということでしょうか？

[maisumakun]

そうですね、自力でdata-xxx属性を解析する必要があります（どこまでのブラウザに対応するかによって、実際のコードの書き方は違ってきます）。

Answer 2

$.inArrayで代替できませんか？

sample

まさか$.inArrayをそのままリプレースするとは・・・

  if($.inArray(target,JSON.parse(lists.eq(j).attr('data-tiiki'))) <0) {
    lists.eq(j).hide();
  }

Comments

[satoru225Simple]

ご回答くださりありがとうございます。
if(lists.eq(j).data('tiiki').inArray(target) === -1) {
上記のように変えてみましたが、
うまくいきませんでした。
（調べても使い方がいまいちよくわかりませんでした。）

[yambejp]

$.inArrayの使い方を追記しておきました
dataの処理もまずそうなのであわせて処理を書いてあります

[satoru225Simple]

ありがとうございます。
**まさか$.inArrayをそのままリプレースするとは・・・**
上記全くその通りで、
勉強不足で申し訳ございません。

また、dataに関しても、処理を書いてくださりありがとうございます。

[satoru225Simple]

今、実装してうまくいくことができました。
また、
$.inArrayやdataの処理に関しても勉強不足だと
痛感いたしました。
自分でも今回教わったことも含め、
検証・知識の蓄えにしていきたいと思います。

[yambejp]

> 処理に関しても勉強不足

うーん、それはちょっと誤解があるかと
「古いライブラリを使う」にはそれなりの知識と経験が必要なだけで
ある程度最新にちかいライブラリであれば不要な知識も多いんですよ。
たとえば.clickなどのイベントを拾う処理は、
bind、live、delegateなど様々な遷移がありいまはほぼ
「on」にまとめられています。
古いライブラリをつかいづづける限りいらない知識を確保しないと
いけないので無駄な学習が必要になり、
結局は新しいライブラリに移ることが賢明です

[satoru225Simple]

なるほどです。
今回は、レアケースのようなところ
ではありましたので、
新しいライブラリに移れるものは
移ることを前提に考えたいと思います。

ただ、新しい知識に関しては、
しっかり使い方・処理に関して
深めていきたいと思います。

今回はありがとうございました！

Answer 3

.index(element)が妥当ではないでしょうか？
ver1.0から使用可能とのことです。
https://api.jquery.com/index/

Comments

[satoru225Simple]

ご回答ありがとうございます。
.indexOf(target)
上記の部分を
.index(element)
に変更するという認識でよろしいでしょうか？