如何使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

中的值