javascript - Jquery 将选定的类添加到 li

Question

您好，我有以下显示类别名称的 ul li:

<ul>
<li class="selected" data-tab-id="0"></li>
<li data-tab-id="12">...</li>
<li data-tab-id="3">...</li>
<li data-tab-id="15">...</li>
<li data-tab-id="7">...</li>
</ul>

javascript 脚本如下:

<script type="text/javascript">
var cat_id = '<?=$this->catid?>'

$(document).ready(function () {

});
</script>

当前索引处的页面首先 li data-tab-id="0" 将被选择类，同时 var cat_id 将不返回任何内容。现在，当用户导航到另一个选项卡(例如 data-tab-id="12")时，var cat_id 将返回值 12，我如何从默认选择中删除类li 并将其替换为 data-tab-id="12"。谢谢

Answer 1

假设 list 作为 UL 的 ID——只是为了避免页面周围有多个 UL 时出现问题:

$("ul#list")
    .find(".selected").removeClass("selected")
    .end()
    .find("[data-tab-id=" + cat_id + "]").addClass("selected");

当然，您也可以在两个 jQuery 调用中执行此操作:

$("ul#list .selected").removeClass("selected");
$("ul#list [data-tab-id=" + cat_id + "]").addClass("selected");