javascript - jQuery-如何将class()添加到与属性值匹配的元素

我有一组用于排序的链接，例如。类别，名称，日期，并有另一个组用于升序/降序。最初，在页面加载时，将不会选择这些内容，并且结果将不会以任何顺序排列。当做出选择时，我需要两个组都具有值，即。 sortby和sortorder。

例如，如果用户选择按“类别”排序，则以下功能将使用ASC作为默认排序方向。然后，我还需要能够通过在链接中添加“ selected”类来突出显示data-option-value =“ asc”链接。

有人可以协助吗？

        $('.sort a').click(function(e) {
            var $this = $(this);

            // Turn 'selected' class on/off
            if ($this.hasClass('selected'))
                return false;
            $this.parents('.sort-set').find('.selected').removeClass('selected');
            $this.addClass('selected');

            if($('.sortKey a.selected').attr('data-option-value')){
                key = $('.sortKey a.selected').attr('data-option-value');
            } else {
                 var key = 'date';
                 //.addClass('selected');  HOW TO DO THIS??
            }

            if($('.sortOrder a.selected').attr('data-option-value')){
                order = $('.sortOrder a.selected').attr('data-option-value');
            } else {
              var order = "asc";
              //.addClass('selected');  HOW TO DO THIS??
            }

            $container.isotope({sortBy: valBy, sortAscending: valAscending});

            return false;
          });

                    <div class="option-combo sort">
                        <ul class="sort sort-set clearfix sortKey">
                            <li><a href="#" data-option-value="name">Name</a></li>
                            <li><a href="#" data-option-value="category">Category</a></li>
                            <li><a href="#" data-option-value="date">Expiry Date</a></li>
                        </ul>
                    </div>
                    <div class="option-combo sort">
                        <ul class="sort sort-set clearfix sortOrder">
                            <li><a href="#" data-option-value="asc">Ascending</a></li>
                            <li><a href="#" data-option-value="desc">Descending</a></li>
                        </ul>
                    </div>

最佳答案

您可以在选择器中使用属性值：

$("element[attribute='value']").addClass('selected')

根据您的评论，您可能需要执行以下操作：

$("a[data-option-value='asc']", ".sortOrder").addClass('selected')

关于javascript - jQuery-如何将class()添加到与属性值匹配的元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21264259/