1

Ребят как получить значение колонок и выводить их в alert(); Помогите а то мучаюсь и никак((( Использую jQuery

<table class="employeeTable" border="1">
<thead>
<tr>
<th class="employeeTableHeader" scope="col">Name</th>
<th class="employeeTableHeader" scope="col">Department</th>
<th class="employeeTableHeader" scope="col">Age</th>
<th class="employeeTableHeader" scope="col">Salary</th>
</tr>
</thead>
<tbody>
<tr class="employeeTableOddRow">
<td>        
            John
 </td>
<td>
            Marketing
         </td>
<td>

            30
         </td>
<td>
            2000.0
         </td>
</tr>
<tr class="employeeTableEvenRow">
<td>        
            Robert
 </td>
<td>
            Marketing
         </td>
<td>

            35
         </td>
<td>
            3000.0
         </td>
</tr>
<tr class="employeeTableOddRow">
<td>        
            Mark
 </td>
<td>
            Sales
         </td>
<td>

            25
         </td>
<td>
            2500.0
         </td>
</tr>
<tr class="employeeTableEvenRow">
<td>        
            Chris
 </td>
<td>
            Marketing
         </td>
<td>

            33
         </td>
<td>
            2500.0
         </td>
</tr>
<tr class="employeeTableOddRow">
<td>        
            Peter
 </td>
<td>
            Customer Care
         </td>
<td>

            20
         </td>
<td>
            1500.0
         </td>
</tr>
</tbody>
</table>

Спасибо и с Наступающим!

3
  • зачем вам для этого jquery? ru.stackoverflow.com/a/557282/191482 31 дек 2016 в 13:30
  • 1
    @АлексейШиманский, наверное потому что для таких примитивных задач jq и придуман!
    – SVE
    31 дек 2016 в 13:43
  • 1
    @Elena но ведь в случае с пробеганием по столбцам разницы нет.. и там и там цикл. количество рядов rows.length и всё. Тем более если это вообще единственная задача будет... 31 дек 2016 в 13:47

1 ответ 1

2

например:

$('td').each(function(){
  console.log($(this).html());
  alert($(this).html());
});
<script src="https://code.jquery.com/jquery-2.0.3.js"></script>
  
<table class="employeeTable" border="1">
<thead>
<tr>
<th class="employeeTableHeader" scope="col">Name</th>
<th class="employeeTableHeader" scope="col">Department</th>
<th class="employeeTableHeader" scope="col">Age</th>
<th class="employeeTableHeader" scope="col">Salary</th>
</tr>
</thead>
<tbody>
<tr class="employeeTableOddRow">
<td>        
            John
 </td>
<td>
            Marketing
         </td>
<td>

            30
         </td>
<td>
            2000.0
         </td>
</tr>
<tr class="employeeTableEvenRow">
<td>        
            Robert
 </td>
<td>
            Marketing
         </td>
<td>

            35
         </td>
<td>
            3000.0
         </td>
</tr>
<tr class="employeeTableOddRow">
<td>        
            Mark
 </td>
<td>
            Sales
         </td>
<td>

            25
         </td>
<td>
            2500.0
         </td>
</tr>
<tr class="employeeTableEvenRow">
<td>        
            Chris
 </td>
<td>
            Marketing
         </td>
<td>

            33
         </td>
<td>
            2500.0
         </td>
</tr>
<tr class="employeeTableOddRow">
<td>        
            Peter
 </td>
<td>
            Customer Care
         </td>
<td>

            20
         </td>
<td>
            1500.0
         </td>
</tr>
</tbody>
</table>

3
  • Елена спасибо Большое с Новым годом вас!
    – elik
    1 янв 2017 в 9:17
  • Желаю счастья Любви и всего хорошего от чистого сердца
    – elik
    1 янв 2017 в 9:18
  • @elik, Спасибо!!! И Вам всего наилучшего в новом году!!!
    – SVE
    1 янв 2017 в 11:19

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.