read span tag value from the string html using javascript

Question

I want to get the value of span which coming from HTML string. The sample code link- http://jsfiddle.net/9cCHy/58/

 var mystring = '<div class="table-cell"> <span>test</span>            </div> <span id="isbool" style="display:none">True</span></div>';

    var after = $('<div/>').html(mystring).find("span[id='isbool']").contents().unwrap().end().end().html();
    // want to capture value true without any dependency of html
    alert(after);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

@rv7 <div/> is absolutely fine. This is a simple tag for jquery to create a div element. Same way you can create other elements too like <span/>, <table/> etc. — Jai
– Jai, Commented Oct 5, 2018 at 7:50

Jai · Accepted Answer · 2018-10-05 07:32:41Z

2

.text() method can give you the text content of the target element:

var mystring = '<div class="table-cell"> <span>test</span>            </div> <span id="isbool" style="display:none">True</span></div>';

var after = $('<div/>').html(mystring).find("span[id='isbool']").text();
// want to capture value true without any dependency of html
console.log(after);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

answered Oct 5, 2018 at 7:32

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Guy Louzon · Accepted Answer · 2018-10-05 07:41:54Z

0

if you have a class on the parent tag, you can loop through its children:

    var div0 = document.getElementsByClassName('table-cell')
    var children0 = div0[0].children;
    for (i = 0; i < children0.length; i++) {
     if (children[i].tagName = 'span') {
  var innerh = children[i].innerHTML; 
    alert('true:' + innerh);
    break
    } 
    }

answered Oct 5, 2018 at 7:41

Guy Louzon

1,21310 silver badges19 bronze badges

Comments

Uttam Gupta · Accepted Answer · 2018-10-05 08:00:13Z

0

you can try below code

var mystring = '<div class="table-cell"> <span>test</span>            </div> <span id="isbool" style="display:none">True</span></div>';    
$ele = $.parseHTML(mystring); 
alert($ele[2]);

edited Oct 5, 2018 at 8:00

answered Oct 5, 2018 at 7:47

Uttam Gupta

5182 silver badges10 bronze badges

Collectives™ on Stack Overflow

read span tag value from the string html using javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related