помогите скрыть элемент через JQ
<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>
|
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()
});
|
спасибо как всегда за изящный код :dance:
|
| Часовой пояс GMT +3, время: 21:40. |