ottenere un valore Div in JQuery

Question

Ho una pagina che contiene il seguente elemento div:

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

Come dovrei recuperare il valore ("un qualche valore") sia attraverso JQuery o tramite standard di JS? Ho provato:

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

Ma la console del debugger mostra "mb è nullo". Mi stavo solo chiedendo come recuperare questo valore.

---- ---- UPDATE Quando provo il suggerimento ottengo: $ non è una funzione

Questo fa parte di un gestore di eventi JQuery dove sto cercando di leggere il valore quando si fa clic un bottone. La funzione di gestione sta lavorando ma non può interpretare il valore jQuery sembra:

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"); 
} 

Sopra il codice mostrerà l'innerHTML, vale a dire se si è utilizzato tag html all'interno div poi mostrerà anche quelli. probabilmente questo non è quello che ti aspettavi. Quindi, un'altra soluzione è quella di utilizzare: proprietà InnerText/textContent [Grazie a bobince, vedere il suo commento]

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() 

Anche se sarebbe meglio fare qualcosa di simile:

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>

Assicurati di essere collegato anche al tuo file jQuery :)

Answer 3

se div assomiglia a questo:

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

si potrebbe recuperare con jQuery in questo modo:

$('#someId').text() 

Answer 4

Si potrebbe utilizzare

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

Sembra che ci potrebbe essere un conflitto con l'utilizzo del $. Ricorda che la variabile 'mb' non sarà accessibile al di fuori del gestore di eventi. Inoltre, la funzione text() restituisce una stringa, non è necessario ottenere mb.value.

Answer 5

Si potrebbe anche usare innerHTML per ottenere il valore all'interno del tag ....

Answer 6

tuo div si presenta così:

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

con jQuery:

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