1. 程式人生 > >jsp頁面載入時div中迴圈輸出ul,span標籤接收引數並呼叫js方法

jsp頁面載入時div中迴圈輸出ul,span標籤接收引數並呼叫js方法

<html lang="en">
<head>
<script src="relation.js"></script>
</head>
<body>
<div id="aaa">
		<div class="li">
			<% 
				List<Obj> list = (List<Obj>)request.getAttribute("famdily");
				if(null != list && familyInfoList.size() > 0) {
					for(int i = 0; i < list.size(); i++) {
			%>
				<h3 class="title"><i class="iconfont" style="color: #e9b824"></i><%=i+1%>資訊</h3>
				<ul class="List">
					<li><span>型別:</span><span name="isPolder" data-type="<%=list.get(i).getType()%>" 
			data-sex="<%=list.get(i).getSex() %>" data-relation="<%=list.get(i).getRelation()%>" ></span><span class="iconfont"></span></li>
					
				</ul>
			<%
					}
				}
			%>	
		</div>
		</div>
</body>
<script type="text/javascript">
$(document).ready(function(){
    
    $("span[name='isPolder']").each(function() {
    	var type = $(this).data('type');
        var sex = $(this).data('sex');
        var relation = $(this).data('relation');
    	var value = judgeRelation(type,sex,relation);
    		$(this).text(value); 
    	});
   
 });
</script>
</html>

結構有點錯亂,沒找到csdn的格式化抓狂抓狂

相關推薦

jsp頁面入時div迴圈輸出ulspan標籤接收引數呼叫js方法

<html lang="en"> <head> <script src="relation.js"></script> </head> <body> <div id="aaa"> <

怎麼在jsp頁面入時向Servlet發出請求

我是這樣處理的,首先在專案裡建一個initial.jsp,在這個頁面裡寫一個js方法,就是提交URL用的方法,document.URL="*.do?operate=.....",之後在<body onload="剛才寫的js方法名">載入中........<

jsp頁面,jstl標簽的數據在<%%>java使用

clas req out ttr api nbsp back 遍歷 bsp 可參考jsp的API隱式對象.. 這部分數據其實被保存在page域中,但jsp中如果使用java代碼需要在特定的標簽中<%%>,在這個標簽中可使用的只有pageContext對象,所以可

jsp頁面input的value的值含英文雙引號處理方法

在做Jsp頁面開發時,我們經常使用JSTL表示式來進行頁面的輸出,但是突然遇到如下一個問題 問題描述:當資料庫中某個欄位帶雙引號時,input文字框使用Jstl表示式直接直接裝置value值時,會出現顯示為空 的不正常現象。 <input type="text" class="form-control

div迴圈生成button新增點選事件

回看剛剛學習js的博文,頁面迴圈生成節點是頁面最基礎的操作之一。 要讓頁面顯示效果,必然在頁面新增dom元素!如果想要多個button,那麼迴圈新增必不可少。 首先定義div: <div id="people" style="border: groo

JavaEE專案在WEB-INF目錄下的jsp頁面如何訪問WebRoot的CSS和JS

寫專案為了訪問安全問題,將jsp頁面放在WEB-INF下,卻訪問不到樣式檔案。試了很多方法,以下可行好用: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncodi

頁面入時新增進度條提高使用者體驗

這幾個月做了個專案,在此對一些問題做一個記錄。 專案是前後端分離的,前端用的 npm+webpack。 問題:由於系統某頁面資料量過大或網路較差等原因,導致頁面還未完全加載出來,但按鈕已被載入時(js還未就緒),點選按鈕會報錯。 根據系統情況,解決方案:每個頁面載入的時

Thinkphp5模板迴圈輸出

{volistname='res' id='admin'} <trclass="text-c"> <td><inputtype="checkbox" value="1" name=""></td> <td>{$ad

JSP頁面請求響應過程的編碼解碼

該片簡要講述:JSP頁面傳輸過程中,瀏覽器與伺服器的編碼解碼以及HTTP協議對URL進行的編碼解碼。 問題如下: //所有的JSP頁面的編碼都是UTF-8的格式 //test1.jsp <%@ page language="java" import="ja

JSP頁面table下c:forEach迴圈tr、td自動換行處理

<!-- vs.count % number ==0 想多少列換行,改變number值即可 --> <table> <tr> <c:forEach var="obj" items="${list}" varStatus="vs"

strus2在jsp頁面利用利用s:iterator迴圈合併多行

<td>元素的colspan屬性來實現單元格跨列操作,使用<td>元素的rowspan屬性來實現單元格的跨

datagridView 加數據的數據數據顯示很慢一行一行顯示出來 解決方案

info items pro data () style system cnblogs ems 在form_load方法中添加一下代碼 雙緩沖: 1 Type type = dataGridView_items.GetType(); 2 Sys

jsp頁面帶有多選框的grid表格如何將勾選中的行記錄所有列數據傳送到後臺。

blank href 後臺 aaa 數據 www hue 選中 cs6 忱分慕兇釉瀑懲防慌虜敝慘緩猩http://jz.docin.com/shuvg316 帳段繁臨市杉聞壞倫捶剎空合戀http://huiyi.docin.com/ogq2843 杏燎乘安轄任凸托飯承臨

js 如何id為xx的div包含的ul的符合條件的li元素

需求:首頁左側有導航欄,點選導航欄,會出現一個div,div中有很多可以跳轉的頁面,但是有的div需要新增一個滾輪,所以需要找到這個div,然後新增一個特殊的類名 重點程式碼就是: var div=document.getElementById(“nav_s

彙編基礎練習題4:輸入字元‘1’、‘3’得到數值13在利用2輸出子程式將得到的數值13輸出

彙編基礎練習題4: 輸入字元‘1’、‘3’,得到數值13,在利用2中的輸出子程式,將得到的數值13輸出。 編譯工具:Masm for Windows 整合實驗環境2012.5 (附帶一個工具下載地址https://download.csdn.net/download/qq_36931

彙編基礎練習題3:輸入字元‘3’切出數值3在利用2輸出子程式將切出的數值3輸出

彙編基礎練習題3: 輸入字元‘3’,切出數值3,在利用2中的輸出子程式,將切出的數值3輸出。 編譯工具:Masm for Windows 整合實驗環境2012.5 (附帶一個工具下載地址https://download.csdn.net/download/qq_36931762/10

輸入字元‘1’、‘2’、‘3’得到數值123在利用2輸出子程式將得到的數值123輸出

彙編基礎練習題5: 輸入字元‘1’、‘2’、‘3’,得到數值123,在利用2中的輸出子程式,將得到的數值123輸出。 編譯工具:Masm for Windows 整合實驗環境2012.5 (附帶一個工具下載地址https://download.csdn.net/download/qq

彙編基礎練習題6:從鍵盤輸入數字字元利用程式得到對應的數值在利用2輸出子程式將得到的數值輸出

彙編基礎練習題6: 從鍵盤輸入數字字元,利用程式得到對應的數值,在利用練習題2中的輸出子程式,將得到的數值輸出。 編譯工具:Masm for Windows 整合實驗環境2012.5 (附帶一個工具下載地址https://download.csdn.net/download/qq_3

怎麼限制文字在div的顯示範圍不超過div的範圍

css: word-break:keep-all;/* 不換行 */ white-space:nowrap;/* 不換行 */overflow:hidden; /*內容超出寬度時隱藏超出部分的內容 */text-overflow:ellipsis; /*當物件內文字溢位時顯

“display:block-inline形式的SpanDiv新增文字後導致SpanDiv排版掉落、錯位”的原因及解決方法

在開始用display:inline-block的時候,只知道有baseline這麼一說,而且當時記筆記解決了空隙問題,百度一堆文章,什麼終極解決辦法等等,還記錄了一些問題,當時不明白,到今天才明白verticle-align的用法,原來可以這麼用,以後可以隨便玩inli