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;}

折腾半天，真是黑色幽默