jquery를 사용하여 div 태그 값 설정

jquery를 사용하여 div 태그 값 설정

html div 태그를 정의했습니다.

<div style="height:100px; width:100px" class="total-title">
    first text
</div>

값을 변경할 jquery 코드가 있습니다.

 $('div.total-title').html('test');

하지만 이것이 디브의 내용을 바꾸지는 않습니다.

값이 'test'와 같은 순수 텍스트인 경우 텍스트 () 방법을 사용할 수도 있습니다.다음과 같이:

$('div.total-title').text('test');

어쨌든 당신이 공유하고 있는 문제와 관련하여, 당신이 DIV의 HTML 코드가 브라우저로 전송되기 전에 자바스크립트 코드를 호출하고 있을 수도 있다고 생각합니다. 당신은 <div> 뒤에 <script> 태그나 다음과 같은 문장으로 jQuery 라인을 호출하고 있는지 확인하십시오.

$(document).ready(
    function() {
        $('div.total-title').text('test');
    }
);

이렇게 해서 스크립트는 브라우저에 의해 div의 HTML이 파싱된 후에 실행됩니다.

텍스트를 넣으려면 다음을 사용합니다..text('text')

사용하시려면.html(SomeValue), 일부 값에는 divit 내부에 있을 수 있는 html 태그가 있어야 합니다.

파르자드 말대로 대본 위치만 확인해요

참조: .html 및 텍스트

이 기능을 사용해 보십시오.$('div.total-title').text('test');

jQuery JS 파일을 참조하셨지요?파자드의 대답이 통하지 않을 이유가 없습니다.

사용시.html()메소드, ahtmlString매개 변수여야 합니다.(출처) HTML 태그 안에 문자열을 넣으면 작동하거나 사용할 수 있습니다..text()파자드가 제시한 대로

예:

<div class="demo-container">
    <div class="demo-box">Demonstration Box</div>
</div>

<script type="text/javascript">
$("div.demo-container").html( "<p>All new content. <em>You bet!</em></p>" );
</script>

다음과 같이 사용합니다.

<div id="getSessionStorage"></div>

이를 추가하려면 아래 코드를 참조하십시오.

$(document).ready(function () {
        var storageVal = sessionStorage.getItem("UserName");
        alert(storageVal);
        $("#getSessionStorage").append(storageVal);
     });

이는 html(assuming storageVal="Rishabh")에 다음과 같이 나타납니다.

<div id="getSessionStorage">Rishabh</div>

언급URL : https://stackoverflow.com/questions/1570905/use-jquery-to-set-value-of-div-tag