Javascript 使用jquery获取类
单击增量按钮时,我需要从Javascript 使用jquery获取类,javascript,jquery,Javascript,Jquery,单击增量按钮时,我需要从class=“product name”和class=“amount”获取内容。这是一个动态网站,列表项动态显示。 请帮助我使用$(此)功能。单击时,我只需要此列表项目类内部的内容class=“product name”和class=“amount” $11 卵结节 这是Photoshop版本的Lorem Ipsum。在孕妇的子宫颈上做手术。Aenean sollicitudin、lorem Qus bibendum拍卖人、nisi Elite consequat P
class=“product name”
和class=“amount”
获取内容。这是一个动态网站,列表项动态显示。
请帮助我使用$(此)
功能。单击时,我只需要此列表项目类内部的内容class=“product name”
和class=“amount”
$11
卵结节
这是Photoshop版本的Lorem Ipsum。在孕妇的子宫颈上做手术。Aenean sollicitudin、lorem Qus bibendum拍卖人、nisi Elite consequat Proin孕妇nibh vel velit拍卖人aliquet
-
-
像这样使用它,希望它能帮助:
$('.increment').on('click', function(){
var productName = $('.product-name').text();
var productPrice = parseInt($('.amount').text());
});
请注意,parseInt()
仅从字符串中获取整数。请尝试以下操作:
单击按钮时,您迭代所有li元素,并将每个.amount和.product name的文本写入控制台
当然,您需要实现显示日期的方式,下面的代码将帮助您获得日期
这是一种通用方法
function addless() {
$('li').each(function() {
console.log($(".amount", this).text())
console.log($(".product-name", this).text())
})
}
以下是您可以添加到增量按钮的内容:
这是对您问题的准确回答
var productListItem = $(this).closest('.product-list-item')
productListItem.each(function() {
console.log($(".amount", this).text())
console.log($(".product-name", this).text())
})
查看此提琴:您可以使用最近的()
,查找()
和文本()
来获取标题,而父项()
,父项()
,查找()
和文本()
来获取金额:
var title = $(this).closest('.list-product-content').find('.product-name').text();
var amount = $(this).parents().prev().find('.amount').text();
请参见下面的工作小提琴:
//一个$(document).ready()块。
$(文档).ready(函数(){
//定罪和减刑
var add=$('.increment');
var i;
对于(i=0;i0){
$(this.nextAll(“.decrement”).prop(“disabled”,false);
$(this).nextAll(.decrement”).css('cursor','pointer');
}
var title=$(this).closest('.list product content').find('.product name').text();
控制台日志(标题);
var amount=$(this.parents().prev().find('.amount').text();
控制台日志(金额);
}
}
无风险=$('递减');
var i;
对于(i=0;i }否则如果(计数你的问题还不清楚。你能详细说明你想要达到的目标吗?如果你想早点达到这个目标,可以发布任何代码。这是无效的HTML,并且与传播有问题:<代码> <代码>检查这个小提琴@ AjeshKolakkadan,检查我的答案。在技术上正确地为所提供的例子,你应该考虑它。很可能会有多个产品,这就是为什么他们会从问题“当我单击时,我只需要此列表项内部的内容”中寻求有关此
的帮助。这不适用于多个产品。请检查此提琴。单击“增量”按钮后,我需要从该类获取内容。请检查此提琴,但您需要这些内容做什么。您的“增量”按钮会增加一个值。我现在已更新了代码并添加了一个提琴。请检查它,看看这是否对您有用。@AjeshKolakkadan,我看到了。你看到我的答案了吗?当我点击它的两个食物项目名称时是的。这不是你需要的吗?来自class=“product name”和class=“amount”的内容.
@AjeshKolakkadan,如果您运行我的答案中的代码段,您将看到控制台日志中的标题和金额。@AjeshKolakkadan,请查看更新的答案。我已更改了var title=$(this).parents().find('.product name').text();
withvar title=$(this).最近('.list product content').find('.product name.)').text();
。这应该有效。您也可以在这里看到更新的JSFIDLE