當BootStrapTable td內的內容不是純文本的時候,這樣獲取值

當BootStrapTable td內的內容不是純文本的時候,這樣獲取值~~~

當BootStrapTable td內的內容不是純文本的時候,我們直接獲取值是拿不到的。比如當td的內容是一個Input如圖:

那這時候我們要這麼拿呢。

思路:

1.首先我們的input都有一個共有class(我這裏叫dateClass),然後每一個td屬於一個tr,這個tr有一個data-index=0(index是每一行的序號)。

2.通過tr+class我們就能定位到每一行下的某個td下的input的val

3.下面進行實現

var allTableData = $("#qydataTable").bootstrapTable('getData');//獲取表格的所有內容行
	for(var i=0;i<allTableData.length;i++){
        //這裏$("tr[data-index="+i+"] .jsdateClass").val()就是獲取每一行下某個td下input的val
        
		console.log($("tr[data-index="+i+"] .jsdateClass").val());
        //這裏是我給我的td的值賦予input的值
		allTableData[i].startDate=$("tr[data-index="+i+"] .jsdateClass").val();
		allTableData[i].endDate=$("tr[data-index="+i+"] .dateClass").val();
	}
    /*現在我的startDate就不爲空了,因爲之前td內是input所以沒有值,
 	通過上面的循環已經把input的val賦予了這個td所以現在就有值了。
 	這就實現了我們的目標,獲取td下input的值
 	*/
console.log(allTableData);

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章