When I click increment button I need to get content from class="product-name"
and class="amount"
. It's a dynamic website the list item show dynamically.
Please help me using $(this)
function. When I click, I only need content from inside of this list item classes class="product-name"
and class="amount"
.
<li class="product-list-item">
<div class="product-entry clearfix">
<div class="thumb-price col-xs-5 col-md-5 col-lg-4">
<div class="product-thumbnail">
<img class="retina" src="images/shop/s-3.jpg" alt="food">
</div>
<div class="price">
<span class="amount">$11</span>
</div>
</div>
<div class="list-product-content col-xs-7 col-md-7 col-lg-8">
<h4 class="product-name">Egg Nodlus</h4>
<div class="product-excerpt hidden-sm">
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat Proin gravida nibh vel velit auctor aliquet.</p>
</div>
<ul class="product-hover-wrap">
<li class="product-link"><a href="single-product.html">VIEW</a>
</li>
<li class="add_to_cart hover">
<a href="javascript:void(0)" class="addtocart" onclick="addless();" data-placement="left" data-toggle="popover"><i class="fa fa-shopping-cart"></i>
<span class="hdn popovercnt" id="CountPopover">
<span class="">
<button class="increment inc" onclick="addless();" id=""><i class="fa fa-plus"></i></button>
<input type="text" class="form-control incount cartnumber" value="1" id="number">
<button class="decrement dcr" onclick="addless();" id="" disabled="" style="cursor: not-allowed;"><i class="fa fa-minus"></i></button>
</span>
</span>
</a>
</li>
</ul>
</div>
<div class="single-qty hdn popovercnt" id="CountPopover">
<div class="num-update">
<button class="increment" onclick="addless();" id="increment"><i class="fa fa-plus"></i>
</button>
<input type="text" class="form-control cartnumber" value="1" id="number">
<button class="decrement" onclick="addless();" id="decrement"><i class="fa fa-minus"></i>
</button>
</div>
</div>
</div>
</li>
<a href="javascript:void(0)" class="addtocart" onclick="addless();" data-placement="left" data-toggle="popover"><i class="fa fa-shopping-cart"></i>........ </a>