Getting all inner text of divs with same class

Question

Is there way I can all inner html of all div with class="company Name".

Please guide me in right direction.

Edit

Can I use this in chrome console to get information out of a web page ?

Answer 1

Please don't use jquery for this. It's very easy with plain ol' javascript.

var x = document.querySelectorAll("[class='company Name']");
for (var i=0;i<x.length;i++) {
    //grab x[i].innerHTML (or textContent or innerText)
}

Answer 2

JSFIDDLE

OPTION 1 - A one-liner

var innerHTMLs = Array.prototype.slice.call( document.getElementsByClassName( 'company_name' ) ).map( function( x ){ return x.innerHTML } );

console.log( innerHTMLs );

OPTION 2 - Slightly more verbose.

var elements = document.getElementsByClassName( 'company_name' ),
    innerHTMLs = [];
for ( var i = 0; i < elements.length; ++i )
    innerHTMLs.push( elements[i].innerHTML );
console.log( innerHTMLs );

OPTION 3 - Should work on older browsers (IE8 and earlier) too.

var innerHTMLs = [],
    elements   = document.getElementsByTagName( '*' ),
    classToMatch = 'bob';

for ( var i = 0; i < elements.length; ++i )
{
    if ( ( ' ' + elements[i].className + ' ' ).indexOf( ' ' + classToMatch + ' ' ) != -1 )
        innerHTMLs.push( elements[i].innerHTML );
}

console.log( innerHTMLs );

Answer 3

You'd probably want to start with this:

var elements = document.getElementsByClassName('company name');

Then elements will be an array of all your divs. After than iterate through them using a 'for in' and pull out the inner html for each one. Maybe something like this:

var allInnerHTML = '';

for (index in elements)
{
    var element = elements[index];

    allInnerHTML = allInnerHTML + element.innerHTML;
}

Not sure exactly what you're wanting to do but hopefully this will help.

Answer 4

您可以使用以下方法从包含class="company Name"元素中获取innerText数组：

Array.from(document.getElementsByClassName('company Name'), e => e.innerText)

Answer 5

You could store all the strings in an array using jQuery:

var strings = [];

$('.yourclass').each(function(){
   strings.push( $(this).text() );
});