Как найти и использовать <div>внутри <div>, используя jQuery без указания ссылки через ID - PullRequest
Новая
       30

Как найти и использовать <div>внутри <div>, используя jQuery без указания ссылки через ID

0 голосов
/ 02 мая 2020

Это пример структуры кода 

<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", не обращаясь к идентификаторам, потому что было бы несколько делений, и мне было бы трудно работать тогда , Чтобы было ясно, мне интересно создать функцию, которую я могу использовать на разных страницах, не обращаясь к идентификаторам

Редактировать 2: я изменил свой код для лучшего понимания проблемы

Ответы [ 2 ]

1 голос
/ 02 мая 2020

Вы можете использовать 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>
0 голосов
/ 02 мая 2020

Попробуйте: 

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

Но я действительно не знаю, почему вы бы использовали такой селектор.

...