jqLit​​eを使用してクラス名で要素を選択する方法

Angular.jsアプリを軽量化するためにjqueryを削除し、代わりにAngularのjqLit​​eを配置しようとしています。しかし、アプリはfind（ '＃id'）とfind（ '.classname'）を頻繁に使用しますが、これらはjqLit​​eでサポートされていません。

それを変える最善の方法は何だと思いますか。私が考えた1つのアプローチは、カスタムHTMLタグを作成することです。例：変更
<span class="btn btn-large" id="add-to-bag">Add to bag</span>

に

<a2b style="display:none;"><span class="btn btn-large" >Add to bag</span></a2b>

そして

$element.find('#add-to-bag') 

に

$element.find('a2b')

何かご意見は？他のアイデア？

ありがとう

Lior

基本的に、@ kevin-bで注記されているように：

// find('#id')
angular.element(document.querySelector('#id'))

//find('.classname'), assumes you already have the starting elem to search from
angular.element(elem.querySelector('.classname'))

注：これをコントローラーから行う場合は、開発者ガイドの「コントローラーを正しく使用する」セクションを参照し、プレゼンテーションロジックを適切なディレクティブ（<a2b ...>など）にリファクタリングすることをお勧めします。 。

angualrは、jqliteと呼ばれるjqueryの軽量バージョンを使用します。つまり、jQueryのすべての機能を備えているわけではありません。これは、jqueryから使用できるものに関するangularjsドキュメントのリファレンスです。 Angular Element docs

あなたのケースでは、IDまたはクラス名を持つdivを見つける必要があります。使用できるクラス名

var elems =$element.find('div') //returns all the div's in the $elements
    angular.forEach(elems,function(v,k)){
    if(angular.element(v).hasClass('class-name')){
     console.log(angular.element(v));
}}

または、クエリセレクターを使用してはるかに簡単な方法を使用できます

angular.element(document.querySelector('#id'))

angular.element(elem.querySelector('.classname'))

jQueryほど柔軟ではありませんが、

elem.find()が機能しない場合は、角度スクリプトの前に JQueryスクリプトを含めていることを確認してください...