在JQuery中获取Div值

Question

我有一个包含以下div元素的页面:

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

如何通过JQuery或标准JS检索值("Some Value")？我试过了:

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

但调试器控制台显示"mb为null".只是想知道如何检索这个值.

----更新----当我尝试建议时,我得到:$不是函数

这是JQuery事件处理程序的一部分,我在单击按钮时尝试读取值.处理程序函数正在运行,但它无法解释它看起来的jQuery值:

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

Answer 1

$('#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>

确保你也链接到你的jQuery文件:)

Answer 2

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

上面的代码将显示innerHTML,即如果你在div中使用了html标签,那么它也会显示出来.可能这不是你所期望的.所以另一种解决方案是使用: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 );
                } 
            }  
        }

Answer 3

如果你看起来像这样:

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

你可以用这样的jquery检索它:

$('#someId').text()

Answer 4

你的div看起来像这样:

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

使用jquery:

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