根据包含的链接移动DOM中的元素

Move an element in the DOM based on containing link

本文关键字:DOM 元素 移动 链接 包含      更新时间:2023-09-26

我想用.appendTo()函数在DOM上移动带有focusassortment链接的<li>元素。

有可能根据链接来做这件事吗?或者给包含正确链接的<li>元素一个基于目标链接的CSS类?我不能使用第一个孩子,因为它的位置是动态的。

<ul class="tabmenu" id="tabmenu">
 <li onclick="location.href='/m4n?seid=etailer-focusassortment'" cacheno="753781029"><a id="link0" name="link0" href="/m4n?seid=etailer-focusassortment">Uw producten</a></li>
 <li onclick="location.href='/m4n?seid=etailer-orderhistorylist'" cacheno="686783597"><a id="link1" name="link1" href="/m4n?seid=etailer-orderhistorylist">Mijn account</a></li>
 <li onclick="location.href='/m4n?oid=362_'" cacheno="1572880"><a id="link2" name="link2" href="/m4n?oid=362_">Bottom</a></li>
</ul>

如果我说对了,你需要的是包含选择器

您可以通过选择li

$("ul.tabmenu li[onclick*='focusassortment']")

https://jsfiddle.net/Ljsz36p2/1/

$('.tabmenu li').each(function(){
    var oc = $(this).attr('onclick');
    if(oc.match(/focusassortment/i)){
        $(this).addClass('black');
    }
});