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();
    with
    var title=$(this).最近('.list product content').find('.product name.)‌​').text();
    。这应该有效。您也可以在这里看到更新的JSFIDLE