Angularディレクティブの親要素を取得

Question

datepickerカレンダーのボタンをクリックすると、trという親要素が見つかりました。私はAngularアプリケーションでスクリプトタグ（編集）の形式でjQuery を使用したくないので、厳密にCSSを使用することはできませんので、以下の指示文を作成しました。 elm.findは、ボタンのCSSを正しく見つけて変更することができるので、私が探している要素が見つかったことがわかりましたが、今はDOMを移動する必要があります。

私はjQueryの構文には慣れていますが、これはうまくいかず、インターウェブ上で有効なものは何も見つかりませんでした。誰かが文法で私を助けてくれるの？

/* Linker for the directive */ 
    var linker = function (scope, elm, attrs) {     
     elm.on('click', function() { 
      elm.find('table tbody tr button.active').parent('td').css('background-color', 'red'); 
     }); 
    }; 

EDIT

これは、全体の行の背景色を変える変えるためにuib-datepicker要素（角UIブートストラップ）に配置する必要がある命令です。フレームワークにはこの機能が付属しておらず、ページが読み込まれるまでHTMLは生成されません。

ディレクティブを下の要素に添付して、選択した項目を見つけてDOMをバックアップして、親を探すためにtrを見つける必要があります。

<uib-datepicker highlightselectedrow class="well well-sm" ></uib-datepicker> 

Answer 1

.parentは正確にはelementとなります。私はむしろ、それはそれはtd

elm.find('table tbody tr button.active') 
.closest('td').css('background-color', 'red'); 

Answer 2

擬似jQueryよりも角度的なアプローチはありますか？これは、ngStyle Angular docに基づいています：あなたは、あなたが（TD）を好きな要素にclickイベントを置きます

<div ng-style="myStyle">Test</div> 
<div ng-click="myStyle={'background-color':'red'}">Click Me</div> 

。 ng-styleは、影響を受けるもの（tr）に移動できます。