html標簽name值相同時的獲取方法


  有時候在進行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標簽分開了,獲取值也很方便  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM