0

可能であれば、「if」ステートメントで 2 つの条件を組み合わせようとしています。

最初に画面の幅を確認してから、テーブルの行または最初の行に 2 つ以上の td があるかどうかを確認します。ある場合は、何らかの機能を実行します。

これは、幅の最初の部分として持っているものですが、満たす必要がある他の条件をどのように追加しますか?

var width = parseInt($(window).width());
if (width<=610) {  
//Need to add the other condition that is a table has more than 2 td's in a row

}

これが私が実行しようとしている実際のコードです。2列以上の場合の実行については、私のコメントを参照してください。

var width = parseInt($(window).width());
if (width<=610) {   

    //Need to figure out how execute this if there are more than 2 columns in the table???
    $('.content table').replaceWith(function() {

    var $th = $(this).find('th'); // get headers
    var th = $th.map(function() {
        return $(this).text();
    }).get(); // and their values

    $th.closest('tr').remove(); // then remove them

    var $d = $('<div>', { 'class': 'responsive-table' });

    $('tr', this).each(function(i, el) {
        var $div = $('<div>', {'class': 'box grey-bg'}).appendTo($d);
        $('td', this).each(function(j, el) {
            var n = j + 1;
            var $row = $('<div>', {
                //'class': 'row-' + n
                'class': 'row'
            });
            $row.append(
            $('<span>', {
                //'class': 'label-' + n,
                'class': 'label',
                text: th[j]
            }), ' : ', $('<span>', {
                //'class': 'data-' + n,
                'class': 'data',
                text: $(this).text()
            })).appendTo($div);
        });
    });
    return $d;  
    }); 

};
4

3 に答える 3

0

テーブルの列数を取得したいだけだと仮定して、以下を試してください。

var width = parseInt($(window).width());
var tableColCount = $('#tableID tr:first').find('td').length;

if (width<=610 && tableColCount  > 2) {  
  //Your code

}
于 2012-05-24T18:53:44.823 に答える
0 
//Need to figure out how execute this if there are more than 2 columns in the table???
function foo(that) {
    that.find("tr").each(function(){
        if ($(this).find("td").size() > 2)
            that.addClass("strip-these");  
            return;
    });
}

$('.content table').each(function() {
    foo($(this));
});
console.log($(".strip-these"));
$('.strip-these').each(function() {
    $('tr', this).each(function() {
        var length = $('td', this).length;
        console.log(length);
        if (length > 2) {
            // code
            $('.strip-these').replaceWith(function() {

                var $th = $(this).find('th'); // get headers
                var th = $th.map(function() {
                    return $(this).text();
                }).get(); // and their values
                $th.closest('tr').remove(); // then remove them
                var $d = $('<div>', {
                    'class': 'responsive-table'
                });

                $('tr', this).each(function(i, el) {
                    var $div = $('<div>', {
                        'class': 'box grey-bg'
                    }).appendTo($d);
                    $('td', this).each(function(j, el) {
                        var n = j + 1;
                        var $row = $('<div>', {
                            //'class': 'row-' + n
                            'class': 'row'
                        });
                        $row.append(
                        $('<span>', {
                            //'class': 'label-' + n,
                            'class': 'label',
                            text: th[j]
                        }), ' : ', $('<span>', {
                            //'class': 'data-' + n,
                            'class': 'data',
                            text: $(this).text()
                        })).appendTo($div);
                    });
                });
                return $d;
            });



        }
    });
});​
于 2012-05-24T22:26:58.050 に答える
0 
function checkResult() {
    $("#IDOfYourTable tr").each(function() {
        if ((($this).find("td").size() > 1) || (($this).find("th").size() > 1))
            return true;
    });
    return false;
}

この関数を if 句で使用します。

修正されたコード:

var width = parseInt($(window).width());
var that = undefined;
function checkResult() {
    if (width <= 610) {
        $(".content table tr").each(function() {
            if (($(this).find("td").size() > 2) || ($(this).find("th").size() > 2))
            {
                if ((that == undefined) || (that[0] != this)) {
                that = $(this);
    var $th = $(this).find('th'); // get headers
    var th = $th.map(function() {
        return $(this).text();
    }).get(); // and their values

    $th.closest('tr').remove(); // then remove them

    var $d = $('<div>', { 'class': 'responsive-table' });

    $('tr', this).each(function(i, el) {
        var $div = $('<div>', {'class': 'box grey-bg'}).appendTo($d);
        $('td', this).each(function(j, el) {
            var n = j + 1;
            var $row = $('<div>', {
                //'class': 'row-' + n
                'class': 'row'
            });
            $row.append(
            $('<span>', {
                //'class': 'label-' + n,
                'class': 'label',
                text: th[j]
            }), ' : ', $('<span>', {
                //'class': 'data-' + n,
                'class': 'data',
                text: $(this).text()
            })).appendTo($div);
        });
    });
            }
        }
                                    });
    }
}
checkResult();                                    





​
于 2012-05-24T19:03:53.297 に答える