有時候在進行jsp的include引用中可能會出現有多個id和name值相同的情況,如果有js使用該id或者name就會出現錯誤。遇到這種情況,可以通過div將相同代碼隔開,每個div都設置一個特殊的id,再通過id值查詢該div下name的標簽,這樣就是唯一的了。
比如:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>測試頁面</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<table>
<tr>
<td name="td1">aaa</td>
<td name="td2">bbb</td>
</tr>
</table>
<table>
<tr>
<td name="td1">ddd</td>
<td name="td2">eee</td>
</tr>
</table>
</body>
</html>
可改成如下,並通過jQuery獲取相應的對象
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>測試頁面</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<div id="div1">
<table>
<tr>
<td name="td1">aaa</td>
<td name="td2">bbb</td>
</tr>
</table>
</div>
<div id="div2">
<table>
<tr>
<td name="td1">ddd</td>
<td name="td2">eee</td>
</tr>
</table>
</div>
<script>
$("#div1 td[name^='td1']").html(); // 讀取
$("#div1 td[name^='td1']").html('ccc'); // 設置
$("#div2 td[name^='td1']").html(); // 讀取
$("#div2 td[name^='td1']").html('ccc'); // 設置
</script>
</body>
</html>
這樣就可以通過div標簽分開了,獲取值也很方便