使用jquery将类添加到ajax表单

Question

请用我的表格帮助我。 我在这里有ajax表单https://dev.atdevside.com/jobs/ 在左侧边栏项目工作，如点击过滤器，如何点击后切换类到元素。

            jQuery(document).ready(function ($) {
                var container = $(".noo-main > .jobs");
                if (container.length) {
                    $("#filter_form").change( function (event) {
                        event.preventDefault();
                        var $form = $("#filter_form .form-control");
                        var data = $(this).serialize();
                        history.pushState(null, null, "?" + $form.serialize());
                        $.ajax({
                                url: "<?php echo admin_url('admin-ajax.php'); ?>",
                                data: data
                            })
                            .done(function (data) {
                                if (data !== "-1") {
                                    $(".noo-main").html(data);
                                    if ($('[data-paginate="loadmore"]').find(".loadmore-action").length) {
                                        $('[data-paginate="loadmore"]').each(function () {
                                            var $this = $(this);
                                            $this.nooLoadmore({
                                                navSelector: $this.find("div.pagination"),
                                                nextSelector: $this.find("div.pagination a.next"),
                                                itemSelector: "article.loadmore-item",
                                                finishedMsg: "<?php echo __('All jobs displayed', 'noo'); ?>"
                                            });
                                        });
                                    }
                                } else {
                                    location.reload();
                                }
                            })
                            .fail(function () {

                            })
                    });
                }
                $("#filter_form").submit(function () {
                    $(this).find("input[name='action']").remove();
                    $(this).find("input[name='_wp_http_referer']").remove();
                    $(this).find("input[name='live-search-nonce']").remove();

                    return true;
                });
            });

Answer 1

你可以试试这个。

jQuery('.filter_by').on('click', function(){
  jQuery(this).addClass('hello');
});