正しいjqueryセレクタ？

Question

<div class="card"> 
    <a id="342"> 
    <img class="card-img-top" src="..." alt="Card image cap"> 
    <div class="card-block"> 
     <h4 class="card-title">Product title</h4> 
     <p class="card-text">Product desc.</p> 
     <a href="details.php?id=342" class="btn btn-primary">More Details.....</a> 
    </div> 
    </div> 
    <div class="card"> 
    <a id="343"> 
    <img class="card-img-top" src="..." alt="Card image cap"> 
    <div class="card-block"> 
     <h4 class="card-title">Product title</h4> 
     <p class="card-text">Product desc.</p> 
     <a href="details.php?id=343" class="btn btn-primary">More Details.....</a> 

    </div> 
    </div> 

jqueryセレクタは、 "localhost/products.php＃343"のURLをパスするアンカー343のカード内にある画像を選択するのはどうでしょうか？

$(???).addClass("highlight"); 

要素にクラスのハイライトを追加する。

Answer 1

$("#343").siblings("img.card-img-top").addClass("highlight");

私が正しく質問を理解している場合、これはうまく動作します。