Различные способы написания данного элемента с использованием jquery

Question

Я пытаюсь изучить любой возможный вариант кодирования, который я могу использовать для упрощения своего кода или для большей гибкости при написании кода. Если у меня есть этот элемент гнезда ..

<table>
   <tr><td></td><td></td></tr>
   <tr><td></td><td></td></tr>
   <tr><td></td><td></td></tr>
   <tr><td></td><td></td></tr>
</table>

если я хочу написать текст в первых столбцах, я могу сделать

$("table tr").each(function({
  // how to write text here on all first column using $(this)?
  // other ways to write on first column?
});

// другие способы записи всего первого столбца без использования ".each"

Answer 1

Вы можете использовать первый селектор:

$('table tr td:first').each(function(){
    $(this).text('1st column');
});

Или без использования каждого:

$('table tr td:first').text('1st column');

---

Надеюсь, я правильно понял ваш комментарий. Если вы не хотите использовать сначала по какой-либо причине, вы можете проверить, является ли prev () пустым в вашем вызове each ().

if ($(this).prev().length == 0){
    // $(this) references the first column
}

Answer 2

$("table tr").each(function({
    $(this).find('td:first').text('Some text');
});