Javascript 更改每行中每个第一列的innerhtml

我想更改每行中每列的innerHTML，但我无法使其正常工作

var numorrows=$'.wrap'.children'.row'.length； 对于var i=0；我是诺莫夫罗；i++{ var$firstDiv=$.input_fields_wrap.row:eq0； $firstDiv.textWorks； } 改变 不要改变 不要改变 改变 不要改变 不要改变 改变 不要改变 不要改变 您可以使用选择器

选择作为其父元素的第一个子元素的所有元素

要使用索引，可以使用/

$'.wrap.row.col-md-4:第一个子项'.textfunctioni{ 返回“已更改的文本：”+i+1； } 改变 不要改变 不要改变 改变 不要改变 不要改变 改变 不要改变 不要改变 请喜欢贝娄

$( ".row div:first-child").text("Some text")

在.row上执行循环，找到第一个div并更改文本。使用下面的逻辑

$(".wrap .row").each(function(i){
  $(this).find('div:eq(0)').text("Changed "+ i );     
});

下面是一个工作片段

$.wrap.row.eachFunction i{ $this.find'div:eq0'.textChanged+i； $this.find'div:eq0'.css'background-color'，'yellow'；//演示用途 }; 改变 不要改变 不要改变 改变 不要改变 不要改变 改变 不要改变 不要改变

---

您也可以使用类似的方法：

$('.row').each(function(i) {
$(this).children().first().text('changed '+i);
});

演示：

更新 我现在明白OP的要求只是更改第一列的内容。使用此选择器模式，我们能够准确地定位所需的元素。使用.each允许我们遍历每个目标，修改内容，并给每个目标一个唯一的数字

这个选择器的意思是：

查找第一个子div的div

…一个部门的妈妈，那个部门必须

…有一个div家长和奶奶

古老的 每行的每一列都等同于所有单元格，或者使用此引导布局，它将表示所有div.col-md-4。我注意到了变化，不改变模式，这是你真正想要的吗

一小条 var firstCols=$'div>div>div:first of type'； firstCols.eachfunctionidx，obj{ $this.html'ROW'+idx+1.css'background'，'cyan'； }; 改变 不要改变 不要改变 改变 不要改变 不要改变 改变 不要改变 不要改变 javascript方法

试试这个

 $(".wrap .row .col-md-4:first-child").text("Hello world!");

---

但是我怎么计算呢？我想把文本改成，CHANGED1，CHANGED2，CHANGED3@mheonyae，最新答案

 var firstCols = $('div > div > div:first-of-type')

 $('.col-md-4').html('NEW CONTENT');

document.querySelectorAll('.row div:first-child').forEach(function(r){r.innerHTML = "MYchangedtext"})

 $(".wrap .row .col-md-4:first-child").text("Hello world!");