javascript - 如何使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事件绑定(bind)到类pull-right，

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

this.textContent 检索 span 内的值