JSP 문서의 동적 document.ready ids

Question

동적으로 생성 된 jsp 웹 페이지가 있습니다. 일부 이미지에는 도구 설명이 있고 툴팁 스크립트에는 각 이미지에 고유 ID가 있고 $(document).ready(function(){});은 해당 이미지 ID를 참조해야합니다. 이것이 가능한가? html img 태그에 대한 고유 ID를 쉽게 생성 할 수 있지만 스크립트에서 동일한 작업을 수행하려고하면 오류가 발생합니다. 내 코드가 포함되어 있습니다.

<logic:iterate id="results" name="appStatus" scope="session"> 
    <logic:equal name="results" property="name" value='<%= name%>'> 
     <td> 
      <logic:equal value="up" name="results" property="status"> 
       <img src="img/status_up.png"> 
      </logic:equal> 
      <logic:equal value="down" name="results" property="status"> 
       <img id="alert" src="img/status_alert.png"> 
       <div class="tooltip"> 
        <bean:write name="results" property="description"/> 
       </div> 
       <script> 
        $(document).ready(function() { 
         $("#alert").tooltip({ position: 'right top', effect: 'slide'}); 
        }); 
       </script> 
      </logic:equal> 
      <logic:equal value="other" name="results" property="status"> 
       <img id="other" src="img/status_info.png"> 
       <div class="tooltip"> 
        <bean:write name="results" property="description"/> 
       </div> 
       <script> 
        $(document).ready(function() { 
         $("#other").tooltip({ position: 'right top', effect: 'slide'}); 
        }); 
       </script> 
      </logic:equal> 
     </td> 
    </logic:equal> 
</logic:iterate> 

그래서이 코드에 대한 ID가 "경고"와 IMG 각각의 고유 ID와 준비 스크립트가 참조해야 할 문서를 가지고해야합니다. 스크립트

<img id="alert<c:out value='${indexNum}' />" src="img/status_alert.png"> 

마찬가지로 :

Answer 1

가 <img>에 고유 ID를 부여

$(document).ready(function() { 
         $("#alert<c:out value='${indexNum}' />").tooltip({ position: 'right top', effect: 'slide'}); 
        }) 

그래서 ID를 alert0 될 것 alert1 등 indexNum을 내가 준 이름입니다 반복 번호 변수는 다음과 같이 이름을 지정하십시오.

<logic:iterate id="results" name="appStatus" scope="session" indexId="indexNum">