Получить значение Div в JQuery

У меня есть страница, содержащая следующий элемент div:

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

Как мне получить значение ( "Некоторое значение" ) либо через JQuery, либо через стандартный JS? Я пробовал:

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

Но консоль отладчика показывает "mb is null". Просто интересно, как получить это значение.

---- ОБНОВЛЕНИЕ ---- Когда я попробую предложение, я получаю: $не функция

Это часть обработчика события JQuery, где я пытаюсь прочитать значение, когда я нажимаю кнопку. Функция обработчика работает, но не может интерпретировать значение jQuery:

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

Ответ 1

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

Над кодом будет отображаться innerHTML, т.е. если вы использовали теги html внутри div, тогда он покажет даже те, что тоже. вероятно, это не то, что вы ожидали. Итак, еще одно решение - использовать свойство innerText/textContent [thanx to bobince, см. Его комментарий]

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

Ответ 2

$('#myDiv').text()

Хотя вам будет лучше делать что-то вроде:

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>

Ответ 3

если div выглядит следующим образом:

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

вы можете получить его с помощью jquery следующим образом:

$('#someId').text()

Ответ 4

ваш div выглядит следующим образом:

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

С jquery:

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

Ответ 5

Вы можете использовать

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

Похоже, может быть конфликт с использованием $. Помните, что переменная "mb" не будет доступна вне обработчика события. Кроме того, функция text() возвращает строку, не нужно получать значение mb.value.

Ответ 6

Вы также можете использовать innerhtml, чтобы получить значение внутри тега....