2017-05-12 4 views
0

:난의 난이 테이블이 있다고 가정 해 봅시다 셀의 텍스트를 기반으로 <code>td:nth-child</code>의 수를 얻기 위해 노력하고 있어요

<table class="table" id="inputTable"> 
     <thead> 
     <tr> 
      <th>Id</th> 
      <th>Name</th> 
     </tr> 
     </thead> 
     <tbody> 
     <tr> 
      <td>1</td> 
      <td><span>mike</span></td> 
     </tr> 
     <tr> 
      <td>2</td> 
      <td><span>eric</span></td> 
     </tr> 
     <tr> 
      <td>3</td> 
      <td><span>jonas</span></td> 
     </tr> 
    </tbody> 
</table> 

메신저 필터 메서드를 사용하여 jonas과 같은 셀 텍스트를 찾을 때 td:nth-child의 값을 알고 싶습니다. jquery를 사용하는 것이 가능합니까?

+0

n 번째는 td의 마지막 아이를 묻는 중입니다. –

+0

tr에있는 요소의 색인 또는 그 td가있는 tr의 색인을 요소로 원합니다. –

+0

@MilindAnantwar td로 – Valkyrie

답변

2

$('tr span:contains("jonas")').closest('td').index(); //output 1 

0에서 인덱스 시작

$('tr span:contains("jonas")').closest('tr').index(); // output 2 

인덱스 tr를 들어 인덱스 td를 들어 그래서 당신은 ... n 번째의 아이를 위해 하나를 추가해야합니다

Demo

,451,515,

내가 TD의 값이 무엇인지 알고 싶어요에 대한 : n 번째 아이가

$('tr:nth-child(2) td:nth-child(2)').text() // nth-child starts from 1 not like index from 0 

같은 것을 사용할 수 위의 코드는 당신에게 두 번째 TR tr:nth-child(2)와 두 번째 TD를 줄 것이다는 이 텍스트는 td:nth-child(2) 그럴 필요하고 입력이있는 경우 사용 .val() 대신 .text()

필요

+0

안녕하세요 해답을 주셔서 감사합니다. 나는 이것을 다시 시도해 드리겠습니다.) – Valkyrie

+0

지연에 사과 드리며,이 코드는 완벽하게 감사하고 또한 당신을 위해 투표했습니다. – Valkyrie

+0

@ Valkyriee 절대로 .. 신경 쓰지 마 .. 멋진 하루 되세요 :-) –

관련 문제