1026

මම පහත සඳහන් දෑ සාක්ෂාත් කරගන්නේ කෙසේද:

document.all.regTitle.innerHTML = 'Hello World';

JQuery භාවිතා කරමින් regTitleමගේ divහැඳුනුම්පත කොහිද ?

— tonyf
source

1551

$("#regTitle").html("Hello World");

— සෙඩ්
source

322

මෙම html () ශ්රිතය HTML හි නූල් ගත හැකි, හා ඵලදායී ලෙස වෙනස් වනු ඇත .innerHTMLදේපල.

$('#regTitle').html('Hello World');

කෙසේ වෙතත්, පෙළ () ශ්‍රිතය මඟින් නිශ්චිත මූලද්‍රව්‍යයේ (පෙළ) අගය වෙනස් කරනු ඇත, නමුත් htmlව්‍යුහය තබා ගන්න .

$('#regTitle').text('Hello world');

— zombat
source

12

"නමුත් html ව්‍යුහය තබා ගන්න". ඔබට පැහැදිලි කළ හැකිද?

— අනූප් ජෝෂි

10

JQuery API ප්‍රලේඛනයෙන් ( api.jquery.com/text ), text()වෙනස් වන්නේ : Unlike the .html() method, .text() can be used in both XML and HTML documents.. තවද, stackoverflow.com/questions/1910794/… අනුව , jQuery.html() treats the string as HTML, jQuery.text() treats the content as text.

— ගොර්ග්සෙනෙගර්

1

NoAnoopJoshi stackoverflow.com/questions/1910794/…

— මචාවිටි

71

ඔබට ඒ වෙනුවට jQuery වස්තුවක් තිබේ නම්, පවතින අන්තර්ගතය වෙනුවට විදැහුම් කිරීමට ඔබට අවශ්‍යය: ඉන්පසු අන්තර්ගතය නැවත සකසා නව එකතු කරන්න.

var itemtoReplaceContentOf = $('#regTitle');
itemtoReplaceContentOf.html('');
newcontent.appendTo(itemtoReplaceContentOf);

හෝ:

$('#regTitle').empty().append(newcontent);

— සිනෙ
source

17

භාවිතා කිරීමට හොඳ ස්ථානයක්itemtoReplaceContentOf.empty();

— කෙවින් පැන්කෝ

කියන්නේ newcontentඑය සඟවන්න වස්තුව ද? මෙය පැහැදිලි නැත.

— kmoser

mokmoser පළමු උදාහරණයේ දී, නව අන්තර්ගතය සැබවින්ම jquery වස්තුවකි. දෙවන උදාහරණය එය වර්ගය විය හැක htmlStringහෝ Elementහෝ Textහෝ Arrayහෝ jQueryඅනුව api.jquery.com/append

— සිනමා කලා

27

මෙන්න ඔබේ පිළිතුර:

//This is the setter of the innerHTML property in jQuery
$('#regTitle').html('Hello World');

//This is the getter of the innerHTML property in jQuery
var helloWorld = $('#regTitle').html();

— ඩේන්
source

11

පිළිතුර:

$("#regTitle").html('Hello World');

පැහැදිලි කිරීම:

$සමාන වේ jQuery. දෙකම jQuery පුස්තකාලයේ එකම වස්තුව නියෝජනය කරයි. මෙම "#regTitle"රොම්නි තුල ලෙස හැඳින්වේ තේරීම් වන html DOM (ලේඛන වස්තූන් මාදිලිය) අංගයක් (ව) හඳුනා ගැනීමට jQuery පුස්තකාලය විසින් භාවිතා කරන ඔබට කේතය අයදුම් කිරීමට අවශ්ය. මෙම #පෙර regTitleබව සඟවන්න කියන්නේ regTitleවිශ්ලේෂණයට DOM ඇතුළත මූලද්රව්යයක id එක.

එතැන් සිට, තිත් අංකනය භාවිතා කරනුයේ html ශ්‍රිතය ඇමතීමට වන අතර එය අභ්‍යන්තර html වෙනුවට වරහන් අතර ඔබ තබන ඕනෑම පරාමිතියක් ආදේශ කරයි 'Hello World'.

— වෙබෙන්ග්
source

11

මූලද්‍රව්‍යයේ අභ්‍යන්තර HTML වෙනස් කරන්නේ කෙසේද යන්න ලබා දෙන පිළිතුරු දැනටමත් තිබේ.

නමුත් මම යෝජනා කරමි, ඔබ HTML වෙනස් කිරීම සඳහා ෆේඩ් අවුට් / ෆේඩ් ඉන් වැනි සජීවිකරණයක් භාවිතා කළ යුතු අතර එමඟින් වෙනස් වූ HTML වලට හොඳ බලපෑමක් ඇති කරයි.

අභ්‍යන්තර HTML වෙනස් කිරීමට සජීවිකරණය භාවිතා කරන්න

$('#regTitle').fadeOut(500, function() {
    $(this).html('Hello World!').fadeIn(500);
});

ඔබට මෙය අවශ්‍ය බොහෝ කාර්යයන් තිබේ නම්, එවිට ඔබට අභ්‍යන්තර HTML වෙනස් කරන පොදු ශ්‍රිතයක් ලෙස හැඳින්විය හැකිය.

function changeInnerHtml(elementPath, newText){
    $(elementPath).fadeOut(500, function() {
        $(this).html(newText).fadeIn(500);
    });
}

— සොම්නාත් මුලුක්
source

11

එය සාක්ෂාත් කර ගැනීම සඳහා ඔබට jquery හි html හෝ පෙළ ශ්‍රිතය භාවිතා කළ හැකිය

$("#regTitle").html("hello world");

හෝ

$("#regTitle").text("hello world");

— jitendra varshney
source

10

උදාහරණයක්

$( document ).ready(function() {
  $('.msg').html('hello world');
});

    <!DOCTYPE html>
    <html>
      <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>    
      </head>
      <body>
        <div class="msg"></div>
      </body>
    </html>

ස්නිපටය පුළුල් කරන්න

— නිකිට් බාරෝචියා
source

9

.html()ගැලපෙන හිස් නොවන මූලද්‍රව්‍යවල ( innerHTML) අන්තර්ගතය සැකසීමට සහ ලබා ගැනීමට jQuery භාවිතා කළ හැකිය .

var contents = $(element).html();
$(element).html("insert content into element");

— ප්‍රතික්
source

Html පසු විවෘත හා සමීප වරහන් මා බේරා ගත්තේය. ඒ නිසා ඔවුන් දෙදෙනා වැදගත් බව මතක තබා ගන්න.

— ජෙලි

7

$("#regTitle")[0].innerHTML = 'Hello World';

— අල්.ර්බස්බෙලොන් ටොමේ
source

3

කාර්ය සාධන තීක්ෂ්ණ බුද්ධියක් එක් කිරීමට.

මීට වසර කිහිපයකට පෙර මට ව්‍යාපෘතියක් තිබුණි, එහිදී අපට විශාල HTML / පෙළක් විවිධ HTML අංග වලට සැකසීමට උත්සාහ කිරීමේදී ගැටළු ඇති විය.

මූලද්‍රව්‍යය "ප්‍රතිනිර්මාණය කිරීම" සහ එය DOM වෙත එන්නත් කිරීම DOM අන්තර්ගතය යාවත්කාලීන කිරීම සඳහා යෝජිත ඕනෑම ක්‍රමයකට වඩා වේගවත් බව පෙනී ගියේය.

ඉතින් මෙවැනි දෙයක්:

var text = "very big content";
$("#regTitle").remove();
$("<div id='regTitle'>" + text + "</div>").appendTo("body");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

ස්නිපටය පුළුල් කරන්න

ඔබට වඩා හොඳ කාර්ය සාධනයක් ලබා ගත යුතුය. මම මෑතකදී එය මැනීමට උත්සාහ කර නැත (බ්‍රව්සර් මේ දිනවල දක්ෂ විය යුතුය), නමුත් ඔබ කාර්ය සාධනය සොයන්නේ නම් එය උදව් වනු ඇත.

අවාසිය නම්, DOM සහ ඔබේ ස්ක්‍රිප්ට් වල ඇති යොමු කිරීම් නිවැරදි වස්තුව වෙත යොමු කිරීම සඳහා ඔබට වැඩි වැඩ කොටසක් තිබීමයි.

— පවෙල් ඩොන්චෙව්
source

3

jQuery හි පෙළ සමඟ ක්‍රියා කරන කාර්යයන් කිහිපයක් ඇත, ඔබ text()එකක් භාවිතා කරන්නේ නම් , එය ඔබ වෙනුවෙන් කාර්යය ඉටු කරනු ඇත:

$("#regTitle").text("Hello World");

ඔබට HTML ටැගයක්html() ඇත්නම් ඒ වෙනුවට භාවිතා කළ හැකිය ...

— අලිරේසා
source

0

පිරිසිදු JS සහ කෙටිම

පිරිසිදු ජේ

regTitle.innerHTML = 'Hello World'

කේත ස්නිපටය පෙන්වන්න

regTitle.innerHTML = 'Hello World';

<div id="regTitle"></div>

ස්නිපටය පුළුල් කරන්න

කෙටිම

$(regTitle).html('Hello World');

කේත ස්නිපටය පෙන්වන්න

// note: no quotes around regTitle
$(regTitle).html('Hello World');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="regTitle"></div>

ස්නිපටය පුළුල් කරන්න

— කමිල් කියෙව්ස්ව්ස්කි
source

JQuery භාවිතා කරමින් div හි අභ්‍යන්තර HTML ප්‍රතිස්ථාපනය කරන්නේ කෙසේද?

අභ්‍යන්තර HTML වෙනස් කිරීමට සජීවිකරණය භාවිතා කරන්න

පිරිසිදු JS සහ කෙටිම