Nhận một giá trị gia tăng Div trong JQuery

Question

Tôi có một trang chứa phần tử div sau:

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

Làm thế nào tôi sẽ lấy giá trị ("Một số giá trị gia tăng") hoặc thông qua JQuery hoặc thông qua tiêu chuẩn JS? Tôi đã thử:

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

Nhưng bảng điều khiển trình gỡ lỗi hiển thị "mb là rỗng". Chỉ cần tự hỏi làm thế nào để lấy giá trị này.

---- CẬP NHẬT ---- Khi tôi cố gắng đề nghị tôi nhận được: $ không phải là một chức năng

Đây là một phần của một xử lý sự kiện JQuery nơi tôi đang cố gắng để đọc giá trị khi tôi nhấp một nut bâm. Chức năng xử lý đang làm việc nhưng nó không thể giải thích giá trị jQuery có vẻ như:

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

Trên mã sẽ hiển thị các innerHTML, tức là nếu bạn đã sử dụng thẻ html bên trong div sau đó nó sẽ hiển thị ngay cả những người quá. có lẽ đây không phải là những gì bạn mong đợi. Vì vậy, một giải pháp khác là sử dụng: bất động sản innerText/textContent [thanx cho bobince, xem bình luận của ông]

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

Mặc dù bạn muốn được tốt hơn làm một cái gì đó như:

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>

Đảm bảo bạn đang liên kết với tệp jQuery của mình quá :)

Answer 3

nếu bạn div trông như thế này:

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

bạn có thể lấy nó với jquery như thế này:

$('#someId').text() 

Answer 4

Bạn có thể sử dụng

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

Hình như có thể có một cuộc xung đột với việc sử dụng $. Hãy nhớ rằng biến 'mb' sẽ không thể truy cập được bên ngoài trình xử lý sự kiện. Ngoài ra, hàm text() trả về một chuỗi, không cần phải lấy mb.value.

Answer 5

Bạn cũng có thể sử dụng innerHTML để lấy giá trị trong thẻ ....

Answer 6

div của bạn trông như thế này:

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

Với jquery:

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