javascript - Javascript onclick 出错

Question

我的结构是这样的：

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

的JavaScript：

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 也响应 click 。如果我点击它们，它们就会变色！

谁能给我一些关于这里发生的事情以及我该如何解决的建议？

Answer 1

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

});

这将在您单击任何 li 时出现。你可以在这里查看演示

Answer 2

在你的 JavaScript 中，你有<c:forEach var="exec" items="${execjobList}">你的函数。

因此，在该函数中，它为每个添加代码，<li>而不仅仅是您单击的那个。每个<li>都将设置为#DF013A或#339。