jQuery를 사용하는 a의 내용을 얻으려면 어떻게 해야 합니까?
스판의 'This is my name' 내용을 얻으려면 어떻게 해야 합니까?
<div id='item1'>
<span>This is my name</span>
</div>
이것은 간단한 예가 되어야 한다고 생각합니다.
$('#item1 span').text();
아니면
$('#item1 span').html();
$("#item1 span").text();
id="item1"을(를) 읽기 위해 의도했다고 가정할 때, 다음이 필요합니다.
$('#item1 span').text()
html에 id in span을 직접 사용할 수 있습니다.
<span id="span_id">Client</span>
그럼 당신의 jQuery 코드는
$("#span_id").text();
누군가가 오류를 확인하는 것을 도와주었는데, 그가 텍스트()가 아닌 val()을 사용했다는 것을 알게 되었고, val() 함수를 스팬으로 사용하는 것은 불가능합니다. 그래서
$("#span_id").val();
null을 반환합니다.
$('#item1').text(); or $('#item1').html();잘 되는id="item1"
'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>
자바스크립트에서 당신이 사용하지 않을까요?document.getElementById('item1').innertext?
$('span id').text(); worked with me
$('#id span').text()정답입니다!
$('#item1 span').html();내 코드와 함께 작동합니다.
매우 중요 .text()와 .html()의 차이에 대한 추가 정보:
선택자가 두 개 이상의 항목을 선택하는 경우(예: 두 개의 스팬이 있는 경우)<span class="foo">bar1</span> <span class="foo">bar2</span>,
그리고나서
$('.foo').text();두 텍스트를 추가하고 그것을 당신에게 줍니다; 반면에.
$('.foo').html();그것들 중 하나만 당신에게 줍니다.
<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>
언급URL : https://stackoverflow.com/questions/1921342/how-do-i-get-the-content-of-a-span-using-jquery
'programing' 카테고리의 다른 글
| jQuery Vertical 메가 메뉴 하위 메뉴가 로드 시 깜박입니다.워드프레스에서 깜박임을 방지하는 방법 (0) | 2023.10.08 |
|---|---|
| 자식 값을 기준으로 요소를 선택하는 XPath (0) | 2023.10.08 |
| 여러 필드를 그룹별 및 합계로 선택합니다. (0) | 2023.10.08 |
| 오류: "선택기가 구현되지 않음" (0) | 2023.10.08 |
| C 또는 C++에 경량 멀티파트/폼 데이터 파서가 있습니까? (0) | 2023.10.03 |