помогите скрыть элемент через JQ

[ufaclub]

<ul id="bm-lang" class="bm-lang" style="top: 0px;">
	
<!-- 	вот тут выводится картинка с выбранным флагом в данном случае xlink:href="#bm_icon_flags_hi"
	 -->
	
	
  <svg width="41" height="41" role="img">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#bm_icon_flags_hi"></use>
  </svg>
	
	
  <span class="bm-lang__arrow" style="top: 0px;"></span>
	
	
<!-- 	вот тут ниже список из флагов как мне на JQ скрыть li в котором есть такой же 
	xlink:href="#bm_icon_flags_hi" -->
	
	
	
  <li class="bm-lang__lang" style=""><a href="?lng=en"></a>
    <svg role="img">
      <use xlink:href="#bm_icon_flags_en"></use>
    </svg>
  </li>
	
  <li class="bm-lang__lang" style=""><a href="?lng=ru"></a>
    <svg role="img">
      <use xlink:href="#bm_icon_flags_ru"></use>
    </svg>
  </li>
	
  <li class="bm-lang__lang" style=""><a href="?lng=hi"></a>
    <svg role="img">
      <use xlink:href="#bm_icon_flags_hi"></use>
    </svg>
  </li>
	
</ul>

[ufaclub]

var strana = $("use:first").attr("xlink:href");
	
	// alert(strana);

вот так нахожу переменную strana в данном случае она равна получается #bm_icon_flags_hi

как бы теперь мне скрыть

<li class="bm-lang__lang" style=""><a href="?lng=hi"></a>

	    <svg role="img">

	      <use xlink:href="#bm_icon_flags_hi"></use>

	    </svg>

	  </li>

т.е <li> в котором есть

внутри

<use xlink:href="вот тут значение переменой $strana "></use>

$("ul li").find("[xlink:href='+strana+']").hide();

вот так не работает

[рони]

ufaclub,

$(function() {
            let id = $('[role="img"]>use').attr("xlink:href");
            $('.bm-lang__lang').filter((i, el) => $('use', el).attr("xlink:href") === id).hide()
        });

[ufaclub]

спасибо как всегда за изящный код