Javascript 如何在单击按钮时获取动态渲染项中的文本?
我在使用jquery通过ajax获取内容后显示内容,因此内容是动态的Javascript 如何在单击按钮时获取动态渲染项中的文本?,javascript,html,jquery,Javascript,Html,Jquery,我在使用jquery通过ajax获取内容后显示内容,因此内容是动态的 var i, j; var product_names = []; var product_image = []; var product_rate = []; var product_amount = []; var product_category = []; $.ajax({ url: BASE_URL + '/getOrgServices?orgId=' + orgId, type: 'GET',
var i, j;
var product_names = [];
var product_image = [];
var product_rate = [];
var product_amount = [];
var product_category = [];
$.ajax({
url: BASE_URL + '/getOrgServices?orgId=' + orgId,
type: 'GET',
success: function(result) {
//console.log(result);
for (i in result) {
product_names[i] = result[i].name;
product_image[i] = result[i].imgurl;
product_rate[i] = result[i].rate;
product_amount[i] = result[i].amount;
product_category[i] = result[i].categories;
}
for(i in product_category){
var html = '<div class="prod-content"><ul id="products">';
html += '<li class="row product-listing">';
html += '<div class="product-img-container"><img class="product-img" src="' + product_image[i] + '"></div>';
html += '<div class="container product-listing-details"><h6 id="product-title">' + product_names[i] + '</h6><div id="product-description">' + product_amount[i] + '</div><br><div id="product-cost">' + product_rate[i] + '</div></div>';
html += '<div id="product-add">';
html += '<button class="add-button" type="button" role="button">ADD</button>';
html += '<span class="quantity"><input class="item-quantity" type="number" value="0" min="0" max="50" step="1"></span>';
html += '</div></li> </ul></div>'
//adding elements to all category
var id_str = '#' + new_id[0];
$(id_str).append(html);
}
}
购物车是html代码的一部分吗
<div class="order">
<ul id="products">
<li>
//here i want to append the added item
</li>
</ul>
</div>
-
//在这里,我想附加添加的项目
要获取所有h6,您可以执行以下类似操作,而无需jQuery
$(“.add按钮”)。单击(函数(){
控制台日志(“单击”);
document.queryselectoral(“div.prod-content h6”).forEach((函数(elem){
console.log(elem.innerText);
if(parseInt(elem.innerText)>0){
控制台日志(elem);
}
}));
});代码>id必须是唯一的。您正在运行一个循环并使用相同的id创建一个文件,这是错误的。h6也是一样,isd必须是唯一的。但我想得到一个特定元素的产品名称,而不是整个列表。实际上我试图在购物车部分显示所选元素,因此只需要该特定项目的名称。这很好,您可以比较if(parseInt(elem.textContent)>0){console.log(elem)})
将尝试让您知道sirno它不起作用,无法获取单击按钮的当前元素的名称
<div class="order">
<ul id="products">
<li>
//here i want to append the added item
</li>
</ul>
</div>