アンカーを見つけて最も近いクラスにクラスを追加

Question

一部のDIVはoutageと呼ばれるアンカー名を持ち、outageを親クラス.modAcTitleに追加する必要があります。結果は<div class="modAcTitle outage">This is a title.</div>です。タイトル固有のものは追加できません私ができる唯一のコンセプト。それはその内容でoutageアンカーを含むタイトルのすべての.modAcTitle代わりに.outageを追加しているため

しかし、私のアプローチは、以下の、ひどいです。

私は間違っていますか？ここで

$('a[name=outage]').parent().parent().parent().find('.modAcTitle').addClass("outage") 

私のDIV構造とデモです：https://jsfiddle.net/61za2n72/7/

<div id="ac_expand_0" class="modAc"> 
<div class="modAcTitle">This is a title.</div> 
<div class="modAcContent" style="display: none;"><p><a name="outage"></a>This is Content and it has a unique name tag called outage</p> 
</div> 
<div class="modAcTitle">This is a title</div> 
<div class="modAcContent" style="display: none;"><p><a name="outage"></a>This is Content and it has a unique name tag called outage</p> 
</div> 
<div class="modAcTitle">This is a title</div> 
<div class="modAcContent" style="display: none;"><p>This is content, but it doesn't have a name tag.</p> 
</div> 
</div> 

Answer 1

あなたのDOMのトラバーサルがかなり正確ではありません。あなたはこのように、closest()とprev()を使用して、それを修正し、簡素化することができます。

$('a[name=outage]').closest('.modAcContent').prev('.modAcTitle').addClass('outage'); 

Updated fiddle