Jquery为给定的href选择父li

Question

有一个可以包含'＃tab1'的变量''＃tab4'，如何选择和更改相应样式的css样式。

例如：如果我的变量是tab2;我只需要更改具有<a href="#tab2">16 cm</a>

的li的样式

这是我的HTML代码：

<ul class="tabs"> 
    <li class="active"><a href="#tab1">12 cm</a></li>
    <li><a href="#tab2">16 cm</a></li>
    <li><a href="#tab3">19 cm</a></li>
    <li><a href="#tab4">8 cm</a></li>
</ul>

感谢您的帮助。

Answer 1

您只需按预期的href选择一个标签，然后向上移动到他们的父母：

var yourVariable = "tab2";
var lis = $("a[href='#" + yourVariable + "']").parent();

Answer 2

$("ul.tabs li a[href=#" + yourVariable + "]").parent().css("font-size", "72px");