jQuery - 编辑父级元素的内容

标签 jquery html jquery-selectors

我有多个<div>位于<div>内.
内一子<div><select>我知道它的 ID。

我需要更改 child 的内容<div>我知道它的类名:

<div>
  <div></div>
  <div></div>
  <div class="alwaysthesame">I want to edit this content</div>
  <div>
    <select id="id1"></select>
  </div>
</div>

同一页面上有多个上述元素,因此我无法按类引用该元素,我必须相对于 <select> 进行引用

类似于:

$("#id1").parent().something(".alwaysthesame").html("new value");

最佳答案

$("#id1").parent().prev(".alwaysthesame").html("new value");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <div></div>
  <div></div>
  <div class="alwaysthesame">I want to edit this content</div>
  <div>
    <select id="id1"></select>
  </div>
</div>

使用.prev()获取上一个元素,即您要定位的div

关于jQuery - 编辑父级元素的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41181019/

相关文章:

javascript - 如何选取所有以GB开头的类元素?

jquery - 根据输入值设置 jQuery 日期范围选择器的日期

javascript - 将搜索选项添加到选择列表

javascript - 当用户点击某个按钮时存储用户的电子邮件

html - 内联 block div 在事件状态下改变高度

javascript - jQuery 选择器嵌套元素的下一个子元素

javascript - 选择国家时改变颜色

javascript - jQuery JSON AJAX 请求不同域

javascript - 自动重新加载 Div

php - 在无法获取值的表单中提交禁用的输入