Как я могу использовать значение JSP в коде Javascript?

Question

У меня есть список элементов, каждый из которых появился на моей странице через jsp. Итак, у меня есть это:

<div id="title"><%= list.get(ind).getTitle() %></div>

Когда я отображаю элементы, так как этот тег находится в цикле for, я все понимаю правильно. Теперь мне нужно разместить кнопку для удаления каждого из этих элементов. Что я сделал, это:

<input type="submit" name="submit" onclick="deleteNewsFunction();" id="submit_btn"/>

В функции deleteNewsFunction () я просто хочу напечатать данные.

<script>
  function deleteNewsFunction(){
       var item = $('#title').val();
       alert(item);
  }
</script>

Проблема в том, что заголовок var всегда получает первый элемент, даже если я нажимаю на кнопку второго элемента. Я думал, что, возможно, решение состоит в том, чтобы добавить "list.get (ind) .getTitle ()" в качестве параметра в функцию, например deleteNewsFunction (<% = list.get (ind) .getTitle ()%>), но затем это не сработало вообще.

Кто-нибудь знает, как мне помочь?

Большое спасибо!

Answer 1

я бы предложил следующее:

<div id="title<%=ind%>"><%= list.get(ind).getTitle() %></div>

затем

<input type="submit" name="submit" onclick="deleteNewsFunction(<%=ind%>);" id="submit_btn"/>

наконец:

<script>
  function deleteNewsFunction(ind){
       var item = $('#title' + ind).val();
       alert(item);
  }
</script>