помогите скрыть элемент через 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, время: 14:46. |