پیدا کردن تگ های فرزندی که آی دی مورد نظر دارند

عکس SVG طبق زیر موجوده حالا من فقط یک مورد path رو نوشتم بهرحال میخوام زمانی که روی یه تب کلیک میخوره اتفاقی که بیافته بیاد اون date-id که هست مثلا عدد ۱ | بیاد و داخل تگ SVG سرچ کنه و pathی که id اون هم شماره ۱ هست رو پیدا کنه و کلاس زیر رو بهش اضافه کنه :
path-city-current
اول تمام اون id هایی که این کلاس رو دارن پاک میکنم و بعد اون id مورد نظر فقط این کلاس رو بگیره

<svg width="۵۰۰px" height="۵۰۰px" viewBox="۰ ۰ ۵۰۰ ۵۰۰" class="iran-map-svg" id="city">
                                <a xlink:href="#" xlink:title="WEST AZARBAIJAN">
                                    <path id="۱" class="path-city path-bg" d="M۸۲">
                                    </path>
                                </a>
</svg>

چیزی که فعلا دارم :)) بقیه رو ممنون میشم بگید چطور امکان پذیر هست؟ باید فرزندان تگ a که خودش فرزند تگ id="city" یا همون svg هست رو سرچ کنه و با if دو مقدارو مقایسه کنه؟

$("#top-tab-۱").click(function () {
    $('#city').find('*').removeClass('path-city-current');
    var id = $("#top-tab-۱").attr("data-id");
   ......
.....
});