td內內容進行換行方法

 

這個問題鼓搗了快兩天，值得記錄下來

 

第一次方法，我選擇了直接

var td= $('td').text

直接選擇所有的td進行定義，過於簡單，利用console控制器把td打印出來發現數字都合在一起，這是一個很不理智的方法

 

第二次方法，我利用了children方法，按照table tr td一級級找，但是方法過於麻煩，選擇放棄

 

 

第三次方法，直接find找到，打印出來console發現只是將td找到，里面的內容並沒有解決

var $table = $("table");
        var td = $table.find("td")
        console.log(td);

        if (td.length > 30) {
         $("<br><br/>").appendTo("td");     
            return false;

 第四次方法,

 

 $(document).ready(function() { 
        var $table = $("table");
        var td = $table.find("td")
        var tt =  $("td").val();
        console.log(tt);
       $('table td').each(function(){
        console.log($(this).text());

        if ($('table td').text() > 30) {
          alert('fev')
         $("<br><br/>").appendTo('table td').text();   
            return false;
        }
        else {            
            $('td').val("");
            return true;
        }
         })
    });

打印出來td里面的值，但是用<br>修改的還是td的換行，里面的值並沒有換

第五次方法，直接改css..

 td{width : 18% ;
        word-break : break-all;}

折騰半天，真是黑色幽默