, wie Daten von div-Tags mit dem gleichen ID bekommen

Html, wie Daten von div-Tags mit dem gleichen ID bekommen

<!DOCTYPE html> 
<html> 

<body> 
    <div id="one"> 
     welcome 
     <div class="two"> 
      hello world 
     </div> 
     <div class="two"> 
      bye world 
     </div> 
    </div> 


    <button onclick="myFunction()"> 
    Click</button> 

    <p id="demo"></p> 
    <script> 
     function myFunction() { 
      var x = document.getElementsByClassName('two')[0].innerHTML; 
      document.getElementById('demo').innerHTML = x; 
     } 
    </script> 
</body> 

</html>

Ich habe zwei Divs in div eins mit Klassennamen, durch die Funktion ich in der Lage bin tha Daten von class="two" i zu erhalten. hallo world.here i um eins alle Daten eines wollen mit tha gleichen Klasse name.i wollen mit allen Daten drucken class="two" dh Hallo Welt, bye world.plz mir helfen

Quelle

2016-06-29 tatapudi venugopal

'gleiche ID' oder' gleiche Klasse'? Sie können das Indexbeispiel '$ ('. two') verwenden. eq (0) .text() =" Hallo Welt "' und '$ ('. zwei'). eq (1) .text() =" tschüss Welt " – guradio

gleicher Klassenname –

[Demo] (https://jsfiddle.net/a4ytunt/1/) Überprüfen Sie die Demo – guradio

Verwenden Array#map den ganzen Text zu erhalten von jedem Element in der Form von Array
Verwenden Array#join alle Elemente aus Array mit , als glue

Hinweis verketten: [].map verwendet wird Verwendung von map Methode der Array über DOMCollection zu machen.

function myFunction() { 
 
    var x = document.getElementsByClassName('two'); 
 
    var mapped = [].map.call(x, function(el) { 
 
    return el.innerHTML; //Or el.textContent; 
 
    }); 
 
    document.getElementById('demo').innerHTML = mapped.join(','); 
 
}

<div id="one"> 
 
    welcome 
 
    <div class="two"> 
 
    hello world 
 
    </div> 
 
    <div class="two"> 
 
    bye world 
 
    </div> 
 
</div> 
 
<button onclick="myFunction()">Click</button> 
 
<p id="demo"></p>

Quelle

2016-06-29 08:57:26 Rayon

Verwenden each Funktion

Wir jQuery können dies tun, indem Sie die einzelnen Funktionen des jQuery. Zuerst schieben wir jedes Element in ein Array, dann drucken wir es durch Komma getrennt.

Wir drücken jedes Element in Array mit push Funktion und dann join, um es zu zeigen.

<script> 
    function myFunction(){ 
    msg = array(); 
    $('.className').each(function(){ 
     msg.push($(this).html()); 
    }); 

    $('#demo').html(msg.join(", ")); 
    } 
</script>

Quelle

2016-06-29 08:59:04

Klassenname wird eine Liste von Knoten erhalten, so müssen Schleife. Speichern Sie alle Innerhtml in einer Variablen und fügen Sie sie einfach zu Ihrem Element hinzu.

function myFunction() { 
      var x = document.getElementsByClassName('two'); 
      var t=""; 
      for(var i = 0;i < x.length;i++){ 
       t += (i == x.length -1) ? x[i].innerHTML : x[i].innerHTML+","; 
      } 
      document.getElementById('demo').innerHTML = t; 
     }

Quelle

2016-06-29 09:09:35

, wie Daten von div-Tags mit dem gleichen ID bekommen

Antwort

Verwandte Themen