Jquery-根据表行类更改表单元格值

IcantCode • 5 年前 • 1465 次点击

我有一张表显示了不同地点的营业时间,看起来有点像下面的结构;

<table class="tblServices">
 <tbody>
   <tr class="name loc1">
    <td class="name">loc1</td>
    <td class=""tcDayTimes">9-5</td>
    <td class="tcDayTimes">9-5</td>
   </tr>
   <tr class="name loc2">
    <td class="name">loc1</td>
    <td class="tcDayTimes">9-5</td>
    <td class="tcDayTimes">9-5</td>
   </tr>
 </tbody>
</table>

           <script type="text/javascript">
                    $('.tblServices > tbody > tr.loc2').each(
        $('td.tcDayTimes').html("24 hours")

有人能就我哪里出错提供一些建议吗?

提前谢谢

Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/55410

1465 次点击

文章 [ 2 ] | 最新文章 5 年前

• 1 楼

Aniket G 6 年前

jQuery公司

> .tcDayTimes ,它将项目存储到 NodeList . 然后使用 .html() 更改所有这些元素的html。

$(".tblServices > tbody > .loc2 > .tcDayTimes").html("24 hours");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="tblServices">
  <tbody>
    <tr class="name loc1">
      <td class="name">loc1</td>
      <td class="tcDayTimes">9-5</td>
      <td class="tcDayTimes">9-5</td>
    </tr>
    <tr class="name loc2">
      <td class="name ">loc1</td>
      <td class="tcDayTimes">9-5</td>
      <td class="tcDayTimes">9-5</td>
    </tr>
  </tbody>
</table>

普通Javascript

.querySelectorAll() 节点列表 (就像一个数组)。那你就可以用 .innerHTML

var elements = document.querySelectorAll(".tblServices > tbody > .loc2 > .tcDayTimes");

elements.forEach(e => {
  e.innerHTML = "24 hours";
});

<table class="tblServices">
  <tbody>
    <tr class="name loc1">
      <td class="name">loc1</td>
      <td class="tcDayTimes">9-5</td>
      <td class="tcDayTimes">9-5</td>
    </tr>
    <tr class="name loc2">
      <td class="name ">loc1</td>
      <td class="tcDayTimes">9-5</td>
      <td class="tcDayTimes">9-5</td>
    </tr>
  </tbody>
</table>

你不需要 > .tblServices tbody .loc2 .tcDayTimes ,但它看起来更整洁,如果我是你,我会把它放在那里。

• 2 楼

Taplar 6 年前

你的html有一个错别字,但是其他的。。。

$('.tblServices > tbody > tr.loc2').each(function(){
  $('td.tcDayTimes', this).html("24 hours")
});

在哪里? this 是您正在迭代的tr。第二个论点 $()

或者

$('.tblServices > tbody > tr.loc2 td.tcDayTimes').html("24 hours");

登录后回复