Ограничить количество добавлений JQuery
Я делаю пользовательский скрипт, который добавляет кнопку к определенному элементу, но я столкнулся с проблемой, которую я не могу решить на моем уровне компетенции.
Итак, чтобы добавить кнопку, я использую JQuery, но проблема в том, что элемент, к которому я его добавляю, не имеет определенного идентификатора, что затрудняет поиск только нужного элемента с помощью JQuery.
Сейчас я делаю это:
$("div:contains('Add line')")
Это работает в том смысле, что моя кнопка добавляется в том месте, где я хочу, но вот проблема, которая возникает из этого: это также добавляет мою кнопку в другие места на сайте, где я не хочу этого. Итак, мой вопрос в том, могу ли я ограничить время, в течение которого JQuery добавляет мою кнопку. Правильная кнопка добавляется первой из них, поэтому в идеале я просто хотел бы сказать jquery, чтобы добавить мою кнопку один раз.
Спасибо
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Вы можете получить самый первый элемент, соответствующий вашему селектору, используя метод .first() сразу после вашего селектора. Как это:
$("div:contains('Add line')").first()
Чтобы немного расширить то, что сказал @martin, вы можете перебирать то, что возвращает jQuery, и выбирать только узел dom, к которому вы хотите добавить.
Однако основная проблема здесь в том, что кнопка может изменить ее порядок в dom, поэтому у вас будет неработающий код.
Поскольку вы упоминаете одну кнопку, разве нет более уникального идентификатора / пути css / пути x, который можно использовать для определения этого div?
И если он всегда по другому конкретному индексу, используйте
eq()