CODEWITHSUNDEEP
javascriptjquery
user3142655
user3142655

Reputation: 109

Get InnerHTML from Class

    <div class="quantity-selector">
    <span class="quantity-element decrease_qty">-</span>
    <span class="quantity-element quantity-digit">1</span>
    <input type="hidden" value="1" name="quantity">
    <span class="quantity-element increase_qty">+</span>
    </div>

Trying to get the innerhtml from "quantity-element quantity-digit" class

Upvotes: 0

Views: 22258

Answers (4)

Sahil Thummar
Sahil Thummar

Reputation: 2490

// with querySelector in Javascript 
console.log(document.querySelector(".quantity-element.quantity-digit").innerHTML);

// with Jquery
console.log($('.quantity-element.quantity-digit').html());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="quantity-selector">
    <span class="quantity-element decrease_qty">-</span>
    <span class="quantity-element quantity-digit">1</span>
    <input type="hidden" value="1" name="quantity">
    <span class="quantity-element increase_qty">+</span>
</div>

Upvotes: 0

Rishabh
Rishabh

Reputation: 586

HTML:

<div class="quantity-selector">
    <span class="quantity-element decrease_qty">-</span>
    <span class="quantity-element quantity-digit">Hi user3142655</span>
    <input type="hidden" value="1" name="quantity">
    <span class="quantity-element increase_qty">+</span>
</div>

JavaScript:

console.log (document.getElementsByClassName("quantity-element quantity-digit")[0].innerHTML);

Upvotes: 3

Zenorbi
Zenorbi

Reputation: 2634

If you want a non-jQuery approach, this will work from IE8 and above (and of course in any other modern browser):

var html = document.querySelector(".quantity-element.quantity-digit").innerHTML;

Upvotes: 6

Rory McCrossan
Rory McCrossan

Reputation: 337560

As you've tagged jQuery, try this:

var innerHtml = $('.quantity-element.quantity-digit').html(); // = 1

Upvotes: 1

Related Questions