Uncaughtを取得するのはなぜですか？TypeError：Object＃<HTMLSelectElement>にはメソッド 'find'がありませんか？

Question

はなぜ私が取得しています：

Uncaught TypeError: Object # has no method 'find' (anonymous function):8080/twolittlesheep/js/sizeColorDependancy.js:16 c.event.handleajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js:63 c.event.add.h.handle.oajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js:56

私はシンプルなjqueryのスクリプトを実行してみては？スクリプトは、私は次のjqueryのコードスニペットでfindメソッドを使用するラインで落ちる：私はGoogle Chromeを使用しています

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
<%-- <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> --%> 
<script type="text/javascript" src="js/sizeColorDependancy.js"></script> 

：私はHTMLで私の頭のタグで

$(document).ready(function(){ 
    $("select#p_sizesId").change(function(){ 
    var $colorsSelect = $("select#p_colorsId")[0]; 
    $("select#p_colorsId")[0].find('option').remove().end().append('<option selected="selected" value="whatever">text</option>'); 
    }); 
}); 

（開発者ツールと一緒に）。

私が他のスレッドで説明したことは、Chromeの開発ツールを使用すると問題が発生することでした。しかし、私はデベロッパーツールを使わずにコードを実行していましたが、同じことが起こりました（スクリプトは何もしませんでした=>エラーが発生しました）。

種類よろしく、
専制君主

Answer 1

あなたが[0]を行うと、あなただけのように、[0]ことを削除し、セレクタは、DOM要素ではなく、.find()を持ってjQueryオブジェクトとして一致する最初の要素を取得している：

$(document).ready(function(){ 
    $("#p_sizesId").change(function(){ 
    $("#p_colorsId").find('option').remove().end().append('<option selected="selected" value="whatever">text</option>'); 
    }); 
}); 

#idセレクタを使用している場合は、絶対に必要な場合を除いてプレフィックスを付けないでください。また、IDは一意でなければならないので、はの最初の要素を取得する必要はありません。セレクタは1または0の要素と一致する必要があります。でない場合は、のIDは使用しないでください。 .useクラス。

Answer 2

ただ、このようなjQueryオブジェクトにそれを作る：

$($("select#p_colorsId")[0]).find('option')