jQuery ... ;jQuery关于文字内容溢出用点点点(…)省略号表示

版权声明：所有原创，转载请在开头注明出处 https://blog.csdn.net/SELECT_BIN/article/details/81875803

效果：

代码：

$("div.mui-row").each(function () {            
            //折回改成了…（限制长度）
            var maxwidth=7;
            var valueText = $(this).find("h6[name$='value']");
            if(valueText && valueText.text().length>maxwidth){
                valueText.text(valueText.text().substring(0,maxwidth));
                valueText.html(valueText.html()+'…');
            }
});

//这个没什么用，页面是拼的，这个就是解释一下HTML的结构
function loadInitTable() {
    var div = "<div class=\"mui-row\" style=\"display: none\">\n" +
        "                <div class=\"mui-col-xs-4\">\n" +
        "                    <h6 name=\"value\"><span>[{value}]</span></h6>\n" +
        "                </div>\n" +
        "                <div class=\"mui-col-xs-4\">\n" +
        "                    <h6 name=\"mor_meeting\"><span></span><span>{morMeeting}</span></h6>\n" +
        "                </div>\n" +
        "                <div class=\"mui-col-xs-4\">\n" +
        "                    <h6 name=\"eve_meeting\"><span></span><span>{eveMeeting}</span></h6>\n" +
        "                </div>\n" +
        "                <input hidden=\"hidden\" name=\"next_zzid\" value=\"{nextZzid}\">\n" +
        "            </div>";
    $("#chenxihuiChildren_city_list").html(div);
}

参考：

https://www.cnblogs.com/leejersey/archive/2013/09/17/3327554.html