jQuery를 사용하여 값을 얻으려면 어떻게해야합니까?

149

이것은 기본입니다.

위 범위의 'This is my name'값을 얻으려면 어떻게해야합니까?

<div id='item1'>
<span>This is my name</span>
</div>

javascript jquery html

— 펠리페 바레이 로스
소스

299

나는 이것이 간단한 예라고 생각합니다.

$('#item1 span').text();

또는

$('#item1 span').html();

— 남자 이름
소스

1

jQuery 함수는 어디에서 찾을 수 있습니까?

— Felipe Barreiros

25

이 두 함수를 보여줄 때 새로운 코더가 똑같은 일을 할 것을 제안함으로써 혼동하지 않는 것이 중요하다고 생각합니다 (이 예제에서는 그렇게 보일지라도). 그것은주의하는 것이 중요하다 .text()HTML 인코딩 것입니다 발견 한 모든 문자는 동안은 .html()모든 문자를 인코딩하지 않습니다.

— VoidKing

같은 클래스의 여러 범위 에서이 작업을 수행 할 수 있습니까?

— Matthew Woodard

나는 IE와 함께 작동하기 위해 tspan을 알아 내려고 노력 하면서이 문제를 우연히 발견했다. .html ()이 아닌 tspan과 함께 .text ()를 사용해야한다는 것을 알았습니다. 왜 그리고 그것이 모두에게 해당되지는 않을지 모르지만 .text ()를 사용할 때 IE에서 수정했습니다.

— Kalel Wade

@MatthewWoodard $('.class').each(function() { $(this).html() });; $('.class').html()첫 번째 요소에 대한 .html () 값을 반환 하기 때문에

— tomsihap

13

$("#item1 span").text();

— 라훌
소스

7

id = "item1"을 읽으려고한다고 가정하면

$('#item1 span').text()

— 풍부한
소스

5

$('#item1').text(); or $('#item1').html(); 잘 작동합니다 id="item1"

— dipraj.shahane
소스

5

'item'값에 대한 속성을 제공하지 않았으므로 클래스가 사용 중이라고 가정합니다.

<div class='item1'>
  <span>This is my name</span>
</div>

alert($(".item span").text());

코드를 사용하기 위해 DOM이로드 될 때까지 기다려야합니다. jQuery에서는 해당 ready()함수를 사용합니다.

<html>
 <head>
  <title>jQuery test</title>
  <!-- script that inserts jquery goes here -->
  <script type='text/javascript'>
    $(document).ready(function() { alert($(".item span").text()); });
  </script>
</head>
<body>
 <div class='item1'>
   <span>This is my name</span>
 </div>
</body>

— 프란시스코 아퀴노
소스

1

당신은 질문을 변경했습니다! 귀하의 답변은 귀하의 질문에 맞습니다. 그는 클래스 이름이 아닌 ID를 지정했습니다

— Lewis

글쎄, 그의 이름으로 첫 번째 주석을 보면 그가 속성을 전혀 쓰지 않았다는 것을 알 수 있습니다. <div 'item1'>, 분명히 잘못 추측했습니다.

— Francisco Aquino

2

자바 스크립트에서는 사용하지 document.getElementById('item1').innertext않습니까?

— 심술
소스

1

     $('span id').text(); worked with me

— 개발자 H
소스

1

$('#id span').text() 답입니다!

— 나쵸
소스

0

$('#item1 span').html(); 내 코드로 작업 중입니다.

— 모하메드 자 브드
소스

0

매우 중요 .text ()와 .html ()의 차이점에 대한 추가 정보 :

선택기가 둘 이상의 항목을 선택한 경우, 예를 들어 두 개의 범위가 bar1 bar2 )

그때

$('.foo').text();두 텍스트를 추가하고 당신에게 그것을; 이므로

$('.foo').html(); 그중 하나만 제공합니다.

— 사용자 3788051
소스

0

html에서 직접 범위 내 ID를 사용할 수 있습니다.

<span id="span_id">Client</span>

그런 다음 jQuery 코드는

$("#span_id").text();

어떤 사람은 오류를 확인하는 데 도움이되었고 text () 대신 val ()을 사용한다는 것을 알았습니다. span () 함수를 span에서 사용할 수는 없습니다. 그래서

$("#span_id").val();

null을 돌려줍니다.

— 크리스티안
소스

-2

<script>
    $(document).ready(function () {

            $.each($(".classBalence").find("span"), function () {
            if ($(this).text() >1) {
                $(this).css("color", "green")

            }
            if ($(this).text() < 1) {
                $(this).css("color", "red")
                $(this).css("font-weight", "bold")
            }
        });

    });
    </script>

— 마헤 쉬
소스

jQuery를 사용하여 <span> 값을 얻으려면 어떻게해야합니까?