在 JQuery 中獲取 Div 值

Question

我有一個包含以下 div 元素的頁面：

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

我將如何通過 JQuery 或標准 JS 檢索值（“某些值”）？ 我試過了：

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

但是調試器控制台顯示“mb 為空”。 只是想知道如何檢索這個值。

---- 更新 ---- 當我嘗試建議時，我得到： $ 不是函數

這是 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 看起來像這樣：

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

Answer 5

你可以用

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

看起來使用 $ 可能存在沖突。 請記住，在事件處理程序之外無法訪問變量“mb”。 此外，text() 函數返回一個字符串，無需獲取 mb.value。

Answer 6

您還可以使用 innerhtml 來獲取標簽內的值....

Answer 7

您可以通過使用獲取 id 值

 test_alert = $('#myDiv').val(); alert(test_alert);

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