Sử dụng jQuery, làm cách nào để thay đổi giá trị html của phần tử? (div)

Question

Sử dụng yêu cầu ajax Tôi muốn thay đổi nội dung của div của tôi.

<div id="d1">202</div> 

Vì vậy, tôi muốn thay đổi nội dung thành một số khác.

$('d1').InnerText??? 

Ngoài ra, giả sử tôi muốn tăng số lượng, làm cách nào tôi có thể làm điều đó? Tôi có phải chuyển đổi sang int không?

Answer 1

$("#di").html('My New Text'); 

Kiểm tra jQuery documentation.

Nếu bạn muốn tăng số lượng, bạn sẽ làm gì

var theint = parseInt($("#di").html(),10) 
theint++; 
$("#di").html(theint); 

T.B. Không chắc chắn nếu nó là một lỗi đánh máy hay không, nhưng bạn cần phải bao gồm các # trong bộ chọn của bạn để cho jQuery biết bạn đang tìm kiếm một phần tử với một ID là di. Có lẽ nếu bạn đến từ nguyên mẫu bạn không mong đợi điều này, chỉ cần cho bạn biết.

Answer 2

$('#d1').html("Html here"); 

Answer 3

Điều này sẽ thay đổi nội dung bên trong của phần tử HTML của bạn.

$('#d1').text(parseInt(requestResponse)++); 

Answer 4

jQuery('#d1').html("Hello World"); 

Answer 5

Trừ khi bạn đang nhúng html như <b>blah</b> tôi muốn đề nghị sử dụng $("#di").text() vì nó sẽ tự động thoát khỏi những thứ như <, > và &, trong khi .html() sẽ không.

Answer 6

Sử dụng text chức năng:

$("#d1").text($("#d1").text() + 1); 

Answer 7

nếu giá trị của bạn là một văn bản thuần túy (như 'test'), bạn có thể sử dụng phương pháp văn bản() là tốt. như thế này:

$('#d1').text('test'); Or $('#d1').html('test'); 

dù sao, về vấn đề bạn đang chia sẻ, tôi nghĩ bạn có thể đang gọi mã JavaScript trước khi mã HTML cho DIV đang được gửi tới trình duyệt. chắc chắn rằng bạn đang gọi dòng jQuery trong một < kịch bản > thẻ sau <div>, hoặc trong một tuyên bố như thế này:

$(document).ready(
    function() { 
     $('#d1').text('test'); 
    } 
); 

cách này kịch bản thực thi sau khi mã HTML của div được phân tách bởi trình duyệt .

Answer 8

$("#div1").innerHTML="your text goes here..";