Jquery 从不同的div中选择选项

这是我的工作小提琴： 我试图实现的是能够从媒体类型中选择一个选项，从排序方式中选择一个项目，我将如何做到这一点

JS:

$'。媒体选择选项'。单击，函数{ $this.addClass'selected'； $'.overlay close btn'.addClass'checked'； }; html:

媒体类型 全部的 照片 视频 排序 最近的 受喜爱的 关 css:

.overlay close btn:在{content:'×'；}之前 .覆盖关闭btn.选中：之前{ 内容:'✔'; } .媒体选择选项{ 边框：实心1px fff； } .选定{ 边框：实心1pxF00； }

---

将您的选项放在不同的分区中，如下所示：

<div>
    <div class="media-select-option media-all" data-href="">All</div>
    <div class="media-select-option media-photos" data-href="">Photos</div>
    <div class="media-select-option media-videos" data-href="">Videos</div>
</div>

<h5 class="media-menu-heading close-overlay-btn">Sort By</h5>
<!-- Sort By: Latest/Popular -->
<div>
    <div class="media-select-option media-latest" data-href="">Latest</div>
    <div class="media-select-option media-popular" data-href="">Popular</div>
</div>

---

小提琴：这就是你想要达到的目标吗

我还建议使用更具语义的标记。如果需要选择一个选项而不是其他选项，只需使用带有propper标签的输入[type=radio]

在我看来-你的标记应该是这样的-

$(this).siblings().removeClass('selected');