2

Возникла задача искоренить jQuery из скрипта и тут же наткнулся на проблему.

Есть код:

function showContent(users) { 
  var data = JSON.parse($(users).closest('.user').attr('data-json')); 
}

В $(users) заходит объект:

Содержимое объекта

Какая есть альтернатива на чистом JavaScript для:

$(users).closest('.user').attr('data-json')

?

10
  • что такое users?
    – Grundy
    23 янв 2016 в 20:22
  • function showContent(users) { var data = JSON.parse($(users).closest('.user').attr('data-json')); } В users заходит object
    – ProstoJohn
    23 янв 2016 в 20:26
  • добавьте этот код в вопрос, а так же В users заходит object - что за объект?
    – Grundy
    23 янв 2016 в 20:27
  • Я не знаю как по другому объяснить :) drive.google.com/file/d/0B4YdjUeWDSP8eHhIbTlNS2F6bG8/…
    – ProstoJohn
    23 янв 2016 в 20:30
  • Вы можете редактировать вопрос.
    – Grundy
    23 янв 2016 в 20:32

1 ответ 1

3

Аналогом для attr с одним параметром является функция getAttribute

Для функции closest аналога нет, но можно написать функцию со сходным функционалом.

Что делает функция closest: для каждого элемента из набора ищет первый элемент удовлетворяющий указанному правилу, начиная с самого элемента и поднимаясь вверх по иерархии DOM.

Если упростить до случая поиска элемента с классом, можно получить следующую функцию

function closest(element, c){
    var curElement = element;
    while(curElement && !curElement.classList.contains(c)) curElement=curElement.parentElement;

    return curElement; // вернет null если ничего не найдет
}
10
  • А вот что означает начало: $(users)?
    – ProstoJohn
    23 янв 2016 в 21:34
  • @ProstoJohn, вообще это получение jQuery объекта. но так как вы и так его получаете параметром. то можно было просто users использовать
    – Grundy
    23 янв 2016 в 21:35
  • Вот тут выходит проблема.. Когда я пробую писать просто users получаю вот это: TypeError: users.closest(...).attr is not a function
    – ProstoJohn
    23 янв 2016 в 21:37
  • @ProstoJohn, без знания что именно передается в качестве users, и какие версии библиотек используются вряд ли можно что-то сказать по поводу ошибки, кроме того что users.closest(...) вернул объект без метода attr
    – Grundy
    23 янв 2016 в 21:42
  • Тут можно в лс как то писать?
    – ProstoJohn
    23 янв 2016 в 21:47

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.