Javascript onclick错误

我的结构是：

<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，所有的LI和其他li1一样也会对点击做出反应。如果我点击他们，他们有颜色的变化

谁能给我一些建议，看看这里发生了什么，我该如何解决

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

});

---

当您单击任何li时，将显示此选项。您可以在函数中的JavaScript中查看演示

---

因此，在函数中，它会为每个对象添加代码，而不仅仅是您单击的对象。每个都将被设置为DF013A或339。

@MilkywayJoe-im在此表示欢迎；你的LI本身是空的，实际点击它可能并不容易。LI是一个列表项，不是一个锚标记，也不是一个链接，它提供了更完整的代码，我可以提供一个更完整的答案。向我们展示一些JavaScriptFunction的代码，没有它我们就无能为力。它不是真的那么空，我只是给出了类似的结构。很抱歉造成混淆。您有多个id为li1的s吗？没有，每个人都有自己的id。