0

私の構造は次のようなものです：

<div>
    <div>
        <ul>
           <li id="li1" onclick="someJavascriptFunction()">......</li>
        </ul>
    </div>
    <div>
        <ul>
           <li id="anotherli1">......</li>
        </ul>
     </div>
</div>

ジャバスクリプト：

function getExecJob(execid){
<c:forEach var="exec" items="${execjobList}">
    var index = '${exec.execid}';

    var ele = document.getElementById("execjoblist"+index);
    if('${exec.execid}'==execid){
        ele.style.color='#DF013A';
        <c:set var ="currentExecId" value="${exec.execid}"/>
        <c:set var ="execJob" value="${exec}"/>
    }else{
        ele.style.color='#339';
    }
</c:forEach>
}

JavaScript関数でcssスタイルコードを変更しました。これで、このli1だけでなく、「anotherli1」のようなすべてのlisもクリックに反応するようになりました。それらをクリックすると、色が変わります!

ここで何が起こっているのか、どうすれば解決できるのか、誰か提案してもらえますか?

4

2 に答える 2

0 
$(document).ready( function() {
   $("li").click(function() {
      //your_func(this)
       $(this).css('color', 'red');
   });

});

これは、任意のliをクリックすると表示されます。ここでデモを見ることができます

于 2012-04-27T21:23:25.797 に答える
0

JavaScript では<c:forEach var="exec" items="${execjobList}">、関数の中にあります。

したがって、関数では、<li>クリックしたものだけでなく、それぞれにコードを追加します。それぞれが または のいずれか<li>に設定されます。#DF013A#339

于 2012-04-27T21:29:57.257 に答える