基于列表中特定项目的单击显示特定数据

Question

我遇到了一个问题，我想在点击时显示有关特定项目的信息？我正在使用的代码是带有jQuery的JSP / servlet。我遇到问题的部分是根据点击检索该信息。

function data(response) {

var records = response.split('||');
var write = "";
for (var i = 0; i < records.length; i++) {
    var productdata = records[i].split('|');

    write += "<div class='listproducts'><input type='image' src='/image_upload/" + productdata[4] + "' width=" + "'100%' name='item' value='" + productdata[4] + "'/><br/>" + productdata[1] + "<br/> $" + productdata[3] + "</div>";
}

$("#pcontentcontainer").html(write);
$("[name='item']").on('click', function () {
    $("#pcontentcontainer").html($("[name='item']").val());
});
}

更好的例子： 产品列表，您单击产品并显示有关该产品的所有信息。

Answer 1

尝试：

$("[name='item']").on('click', function () {
    $("#pcontentcontainer").html($(this).val());
});