遇見問題
如下內(nèi)容中我寫了幾行,但是表格中并未按行顯示數(shù)據(jù)庫中換行符,換行符反而變成了空格,于是想自己轉(zhuǎn)換下
思考問題
1、可以看到表格的內(nèi)容是后端傳來的數(shù)據(jù),于是想直接在后端轉(zhuǎn)換下,把換行符替換成
標(biāo)簽
2、想到就做,如下數(shù)據(jù)庫中換行符,寫好后一跑,發(fā)現(xiàn),
只是顯示成了文本,并不會被html識別成標(biāo)簽。。。啪啪啪打臉
3、繼續(xù)想,準(zhǔn)備在數(shù)據(jù)加載后,在js里面處理下,把文本內(nèi)容中的換行符轉(zhuǎn)為
標(biāo)簽;但是如果一個內(nèi)容有多行文字,我就要把它拆分為多個小節(jié),
好加,但是這些分開的文字怎么連在一起呢,勢必還需要繼續(xù)加標(biāo)簽,那么加什么標(biāo)簽?zāi)兀繙?zhǔn)備加span等等。。
等下,我直接加個p不就行了嗎?把原先每一小節(jié)的內(nèi)容放到一個p里。好,就這么干把。。
解決問題
1、首先,網(wǎng)頁加載好執(zhí)行處理函數(shù)
$().ready((){
(); //完成狀態(tài)數(shù)據(jù)背景置灰
(); //內(nèi)容中換行符顯示
});
2、處理函數(shù)如下
//內(nèi)容顯示換行符
(){
var = $('. tr td:nth-child(3)');
.each((){
var txt = $(this).text();
var j =0;
var span = .("span");
for(i=0;i
if(txt.(i)=='\n'){
var p = .("p");
var = txt.slice(j,i);
p. = ;
//由于p標(biāo)簽內(nèi)容為空時,頁面不顯示空行,加一個
if(==''){
p.(.("br"));
}
span.(p);
j = i + 1;
}
}
var p_end = .("p");
p_end. = txt.slice(j);
$(this).text('');
span.(p_end);
$(this).(span);
});
}
3、期間又遇到一個問題,按想象中寫好之后執(zhí)行效果如下:
4、WTF!!我的第四行跑哪去了?F12看了下,第四行的p也是有的啊,好吧,p內(nèi)容是空它不顯示。。。
5、可以看到第2點(diǎn)的代碼中標(biāo)粉色的地方,我給空p加了個br,還是沒能繞過br....好吧這下顯示正常了
Dev中控件的js事件代碼放在form標(biāo)簽中存在問題
Dev中控件的js事件代碼放在form標(biāo)簽中會獲取不到(head標(biāo)簽中有其他js代碼,未驗(yàn)證是否是這個問題)
求出數(shù)組中所有數(shù)字的和&;&;彈出層效果
nput[type=][name='cid']:")if (.size( ...
在IE6/7下表格td標(biāo)簽沒有內(nèi)容時不顯示邊框?
有以下幾種方法: 1.在單元格中加入一個空格.這樣:
2.直接在table里這樣寫:
表格td標(biāo)簽在不添加多余標(biāo)簽的情況下實(shí)現(xiàn)文本內(nèi)容單行顯示,多余部分省略號表示的方法
#table { table-: fixed; } . { white-space: ; text-: ; -o-text-ove ...
:一個js 項目,在H5中實(shí)現(xiàn)IOS的下拉框效果
具體文檔和demo可以訪問: 移動端瀏覽器對于的展示樣式是不一致的,ios下是類似原生的pi ...
設(shè)置表格td超出內(nèi)容后截取并以&;&;&;顯示
. { : ; text-: ; white-space: ; }