Jquery 获取 ul 取决于 anchor 内的子文本与变量值的匹配

Question

我有以下 JavaScript 变量:

<script>
   var theme="Videocameras";
</script>

以及以下 html 代码:

<div>    
     <span>Tecnology</span>
     <ul id="menu">
         <li>
            <a href="#">Multimedia</a>
            <ul>
                <li>
                    <a href="#">Videocameras</a>
                </li>

                <li>
                    <a href="#">Cameras</a>
                </li>

                <li>
                    <a href="#">MP3 and MP4</a>
                </li>                  
            </ul> 
        </li> 
            <li>
            <a href="#">Telephony</a>
            <ul>              
                <li>
                    <a href="#">Mobile Phones</a>
                </li>

            </ul> 
        </li> 
     </ul>
</div>

我想知道如何获取一个唯一的 ul，它的 href 内有与变量值匹配的文本。

你能帮我一下吗？谨致问候。

Answer 1

您可以使用:contains和 .closest()

试试这个

 $("a:contains(" + theme + ")").closest("ul");

查看working demo