小编SHA*_*NGH的帖子

如何根据给定列表/数组中的div id对div元素进行排序?

我在变量中有排序顺序.

   var sortorder = "Amazon,Soap,Drugstore,Walmart,Walgreens".split(',');
Run Code Online (Sandbox Code Playgroud)

我的要求是它应该按照上面给出的顺序排列,如果某个div的id在数组中不可用,那么它应该被添加到最后一个.下面的代码是按顺序排序数据,但问题是如果数组中不存在div id,那么它不会将该div移动到最后一个.

HTML

    <div class="wtb_results_online right_results wtb_results_online_results_vantage">
      <div class="results">
            <h3><span>Online Retailers</span></h3>
            <div class="result_item result_innerdv" id="axyz"><span class="year">axyz</span><a class="btn_pack_sizes" href="javascript:void(0);"></a></div>
            <div class="result_item result_innerdv" id="Drugstore"><span     class="year">Drugstore</span><a class="btn_pack_sizes" href="javascript:void(0);"></a></div>
            <div class="result_item result_innerdv" id="Walgreens"><span class="year">Walgreens</span><a class="btn_pack_sizes" href="javascript:void(0);"></a></div>
            <div class="result_item result_innerdv" id="flipcart"><span     class="year">flipcart</span><a class="btn_pack_sizes" href="javascript:void(0);"></a></div>
            <div class="result_item result_innerdv" id="Amazon"><span class="year">Amazon</span><a class="btn_pack_sizes" href="javascript:void(0);"></a></div>
            <div class="result_item result_innerdv" id="Walmart"><span class="year">Walmart</span><a class="btn_pack_sizes" href="javascript:void(0);"></a></div>
         </div>
    </div>
Run Code Online (Sandbox Code Playgroud)

jQuery的

  var sortorder = "Amazon,Soap,Drugstore,Walmart,Walgreens".split(',');

    $.each(function(index,value){
        $('.wtb_results_online_results_vantage .result').append($('.wtb_results_online_results_vantage .result'));

    });
    $('.wtb_results_online_results_vantage .results > div').each(function(){
        if($.inArray($(this).attr('id'), sortorder)==-1){
            $('.wtb_results_online_results_vantage .results').append($('.wtb_results_online_results_vantage .results'));
        } …
Run Code Online (Sandbox Code Playgroud)

html jquery

2
推荐指数
1
解决办法
570
查看次数

如何在点击时交换图像?

我想在点击时交换图像,在这里,如果m从向下图像点击到向上但是再次它没有在图像上点击,如果m点击该图像... m geting some error- x.attr("src")is undefined

 $(document).ready(function () {
     $('#sortdivlink').click(function () {

        var x = $("img[src$='../Images/Sort_down.png'][name='stCodeDSC']");

        if (x.attr("SRC") == "../Images/Sort_down.png") {
            x.attr('src', x.attr('src').replace("../Images/Sort_down.png", "../Images/sort_up.png"));
        }
        else {
             x.attr('src',  x.attr('src').replace("../Images/sort_up.png", "../Images/Sort_down.png"));
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

javascript c# asp.net jquery

1
推荐指数
1
解决办法
782
查看次数

标签 统计

jquery ×2

asp.net ×1

c# ×1

html ×1

javascript ×1