Как повлиять на предка в jQuery, у которого есть определенный потомок?

Question

У меня есть два DIV с одинаковым именем класса ():

---

    <div class="myOutterDiv">
        <ul class="innerUL">
            <li id="num1">1</li>
            <li id="num2">2</li>
        </ul>
    </div>

    <div class="myOutterDiv">
        <ul class="innerUL2">
            <li id="letterA">A</li>
            <li id="letterB">B</li>
        </ul>
    </div>

---

Я бы хотел применить границу css с синим цветом к той, которая содержит 2 , и красной к той, которая содержит B .

Я пытался использовать parentUntil (), но применил границу ко всем предкам вплоть до class = "myOutterDiv". Я просто хочу повлиять на class = "myOutterDiv".

Спасибо!

Answer 1

А как же:

$(yourthing).parent(".myOuterDiv").css("border", "1px solid red");

Answer 2

Будет ли это работать для вас?

$('#num2').parent('.myOuterDiv').css({'border': '1px solid blue'});
$('#letterB').parent('.myOuterDiv').css({'border': '1px solid red'});