0

这是代码的示例结构

<div id="original">
  <div id="box1">
    <span></span>
    <div id="1"></div>
  </div>
  <div id="box2">
    <span></span>
    <div id="2"></div>
  </div>
  <div id="box3">
    <span></span>
    <div id="3"></div>
  </div>
  .
  .
  .
  <div id="boxn">
    <span></span>
    <div id="n"></div>
  </div>
    <span></span>
</div>

帮助我div id="boxn"使用 jQuery 进行定位，而无需通过 ID、类或维护任何变量提供参考
jQuery 以外的任何解决方案也将有所帮助

编辑 1：嗯，实际上我正在尝试克隆这样的 div 并在div id="original"不引用 ID 的情况下添加到里面，因为那时会有多个部门并且我很难处理。需要明确的是，我想制作一个可以在不同页面上使用而无需参考 ID 的功能

编辑 2：我更改了代码以便更好地理解问题

4

2 回答 2

1

你可以nth-child使用$("#original > div:nth-child(3)")

更新：

如果要获取第 n 个孩子，可以创建一个变量来将索引存储为

$(document).ready(function(){
var n = 3;
console.log($(`#original > div:nth-child(${n})`).html())
})


$(document).ready(function(){
var n = 3;
console.log($(`#original > div:nth-child(${n})`).html())
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="original">
  <div id="box1">
    <span></span>
    <div id="1"></div>
  </div>
  <div id="box2">
    <span></span>
    <div id="2"></div>
  </div>
  <div id="box3">
    <span></span>
    <div id="3"></div>
  </div>
  
  
  <div id="box4">
    <span></span>
    <div id="4"></div>
  </div>
  
  
    <span></span>
</div>

于 2020-05-02T12:14:31.083 回答
0

尝试这个：

$('div > div:nth-child(3)')

但我真的不知道你为什么要使用这样的选择器。

于 2020-05-02T12:08:31.087 回答