Holen Sie sich einen Div Wert in JQuery

Question

Ich habe eine Seite das folgende div-Element enthält:

<div id="myDiv" class="myDivClass" style="">Some Value</div> 

Wie würde ich den Wert ("Einige Value") entweder durch JQuery oder durch Standard-JS abrufen? Ich habe versucht:

var mb = document.getElementById("myDiv"); 

Aber die Debugger-Konsole zeigt "mb ist null". Ich frage mich nur, wie ich diesen Wert abrufen kann.

---- ---- UPDATE Wenn ich den Vorschlag versuche ich bekomme: $ ist keine Funktion

Dies ist Teil eines JQuery Event-Handler ist, wo ich den Wert zu lesen versuchen, wenn ich klicken ein Knopf. Die Handler-Funktion funktioniert, aber es kann die jQuery-Wert nicht interpretieren es scheint:

jQuery('#gregsButton').click(function() { 
    var mb = $('#myDiv').text(); 
    alert("Value of div is: " + mb.value); 
}); 

Answer 1

myDivObj = document.getElementById("myDiv"); 
if (myDivObj) { 
    alert (myDivObj.innerHTML); 
}else{ 
    alert ("Alien Found"); 
} 

Above Code die innerHTML- zeigt, das heißt, wenn Sie HTML-Tags innerhalb div verwendet haben:

<div id="someId">Some Value</div> 

Sie es mit jquery wie diese abrufen konnte dann wird es auch diese zeigen. Wahrscheinlich haben Sie das nicht erwartet. So ist eine andere Lösung zu verwenden: Innertext/textcontent Eigenschaft [Danke an bobince zu finden sein Kommentar]

function showDivText(){ 
      divObj = document.getElementById("myDiv"); 
      if (divObj){ 
       if (divObj.textContent){ // FF 
        alert (divObj.textContent); 
       }else{ // IE   
        alert (divObj.innerText); //alert (divObj.innerHTML); 
       } 
      } 
     } 

Answer 2

$('#myDiv').text() 

Obwohl Sie besser dran wäre, etwas zu tun:

var txt = $('#myDiv p').text(); 
 
alert(txt);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="myDiv"><p>Some Text</p></div>

Stellen Sie sicher, dass Sie auch mit Ihrer jQuery-Datei verknüpfen :)

Answer 3

, wenn Sie div wie folgt aussieht:

$('#someId').text() 

Answer 4

Sie nutzen könnten

jQuery('#gregsButton').click(function() { 
    var mb = jQuery('#myDiv').text(); 
    alert("Value of div is: " + mb); 
}); 

Sieht aus wie es mit Hilfe des $ ein Konflikt sein kann. Denken Sie daran, dass die Variable 'mb' außerhalb des Event-Handlers nicht zugänglich sein wird. Außerdem gibt die Funktion text() eine Zeichenfolge zurück, ohne dass mb.value benötigt wird.

Answer 5

Sie könnten auch innerHTML- verwenden Sie den Wert innerhalb des Tags zu bekommen ....

Answer 6

Ihre div sieht wie folgt aus:

<div id="someId">Some Value</div> 

Mit jquery:

<script type="text/javascript"> 
    $(function(){ 
     var text = $('#someId').html(); 
     //or 
     var text = $('#someId').text(); 
     }; 
    </script>