如何使JSP表行可点击以调用JavaScript函数

Question

我有一个jsp表，如下所示。

<ul class="list-group list-group-flush" id="patternList">
    <c:forEach var="pattern" items="${patterns}">
        <li class="list-group-item liitem">
            <strong>${pattern.id}:</strong>
            <span class="pull-right" onclick="test('${pattern.name'})">${pattern.name}</span>
        </li>
    </c:forEach>
</ul>

我想在单击表行时调用以下javascript函数。 我怎样才能做到这一点。

function test (name) {
    alert(name);
}

Answer 1

我希望您将jquery添加到jsp中，将onclick事件绑定到类pull-right ，

$(document).on('click', '.pull-right', function(){
  alert("I am clicked and value inside me is " + this.textContent );
});

this.textContent检索span内的值