어떻게 jQuery를 사용하여 테이블의 셀 값을 얻으려면?

해결법

1.당신이 할 수있는 경우에, 당신이 쓸 수 있도록 고객의 ID가 포함 된 TD에 class 속성을 사용할 가치가있다 :

당신이 할 수있는 경우에, 당신이 쓸 수 있도록 고객의 ID가 포함 된 TD에 class 속성을 사용할 가치가있다 :
```
$('#mytable tr').each(function() {
    var customerId = $(this).find(".customerIDCell").html();    
 });
```
기본적으로이 다른 솔루션 (I 가능성이 있기 때문에 복사 - 붙여 넣기)와 동일하지만 당신은 당신이 열을 이동할 경우 코드의 구조를 변경하거나 심지어로 고객 ID를 넣을 필요가 없습니다 있다는 장점이있다 <스팬>, 당신이 그것으로 클래스 속성을 계속 제공.

그런데, 나는 당신이 한 선택에 그것을 할 수 있다고 생각 :
```
$('#mytable .customerIDCell').each(function() {
  alert($(this).html());
});
```
그것은 쉽게 일을하게합니다.

2.

$('#mytable tr').each(function() {
    var customerId = $(this).find("td:first").html();    
});

당신이하고있는 것은 루프에서 현재 그럴 필요에서 첫 TD를 찾는 테이블에있는 모든 TRS를 반복, 그 내면의 HTML을 추출합니다.

특정 셀을 선택하려면 인덱스로 참조 할 수 있습니다 :

$('#mytable tr').each(function() {
    var customerId = $(this).find("td").eq(2).html();    
});

위의 코드에서, I는 세 번째 행의 값을 취득한다 (제 셀 인덱스 0 될 수 있도록 색인이 제로 임)

다음은 jQuery를하지 않고 그것을 할 수있는 방법은 다음과 같습니다

var table = document.getElementById('mytable'), 
    rows = table.getElementsByTagName('tr'),
    i, j, cells, customerId;

for (i = 0, j = rows.length; i < j; ++i) {
    cells = rows[i].getElementsByTagName('td');
    if (!cells.length) {
        continue;
    }
    customerId = cells[0].innerHTML;
}

3.덜 jquerish 방법 :

덜 jquerish 방법 :

$('#mytable tr').each(function() {
    if (!this.rowIndex) return; // skip first row
    var customerId = this.cells[0].innerHTML;
});

이것은 분명히 - 더 - 첫째하지 세포와 작업을 변경할 수 있습니다.

4.

$('#mytable tr').each(function() {
  // need this to skip the first row
  if ($(this).find("td:first").length > 0) {
    var cutomerId = $(this).find("td:first").html();
  }
});

5.이 시도,

이 시도,

$(document).ready(function(){
$(".items").delegate("tr.classname", "click", function(data){
            alert(data.target.innerHTML);//this will show the inner html
    alert($(this).find('td:eq(0)').html());//this will alert the value in the 1st column.
    });
});

6.이 작품

이 작품

$(document).ready(function() {
    for (var row = 0; row < 3; row++) {
        for (var col = 0; col < 3; col++) {
            $("#tbl").children().children()[row].children[col].innerHTML = "H!";
        }
    }
});

7.이 시도 :

이 시도 :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>

<script type="text/javascript"><!--

function getVal(e) {
    var targ;
    if (!e) var e = window.event;
    if (e.target) targ = e.target;
    else if (e.srcElement) targ = e.srcElement;
    if (targ.nodeType == 3) // defeat Safari bug
        targ = targ.parentNode;

    alert(targ.innerHTML);
}

onload = function() {
    var t = document.getElementById("main").getElementsByTagName("td");
    for ( var i = 0; i < t.length; i++ )
        t[i].onclick = getVal;
}

</script>



<body>

<table id="main"><tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
</tr><tr>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
</tr><tr>
    <td>9</td>
    <td>10</td>
    <td>11</td>
    <td>12</td>
</tr></table>

</body>
</html>

8.

$(document).ready(function() {
     var customerId
     $("#mytable td").click(function() {
     alert($(this).html());
     });
 });

9.동작하는 예제 : http://jsfiddle.net/0sgLbynd/

동작하는 예제 : http://jsfiddle.net/0sgLbynd/

<table>
<tr>
    <td>0</td>
    <td class="ms-vb2">1</td>
    <td class="ms-vb2">2</td>
    <td class="ms-vb2">3</td>
    <td class="ms-vb2">4</td>
    <td class="ms-vb2">5</td>
    <td class="ms-vb2">6</td>
</tr>
</table>


$(document).ready(function () {
//alert("sss");
$("td").each(function () {
    //alert($(this).html());
    $(this).html("aaaaaaa");
});
});

from https://stackoverflow.com/questions/376081/how-to-get-a-table-cell-value-using-jquery by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 당신은 어떻게 문자열로 jQuery를 개체를 변환합니까? (0)	2020.10.05
[JQUERY] 스크롤을 볼 수 있는지 어떻게 확인할 수 있나요? (0)	2020.10.05
[JQUERY] jQuery를 $ 아약스 (), $ .post 파이어 폭스에서 REQUEST_METHOD로 "옵션"을 전송 (0)	2020.10.05
[JQUERY] jQuery를 함께 '입력'에서 양식을 제출? (0)	2020.10.05
[JQUERY] === 변수 정의 변수 대 대해서 typeof === "미등록" (0)	2020.10.05

복붙노트

[JQUERY] 어떻게 jQuery를 사용하여 테이블의 셀 값을 얻으려면?