Преобразовать функцию JS в jQuery

Question

Как эта JavaScript функция

function reset() {
    var customSelect = document.getElementsByClassName("custom-select")[0];
    var select = customSelect.getElementsByTagName("select")[0];
    var selected = customSelect.getElementsByClassName("select-selected")[0];
    var selectedItem = customSelect.getElementsByClassName('same-as-selected')[0];

    select.selectedIndex = 0;
    selected.innerHTML = select.options[select.selectedIndex].innerHTML;
    selectedItem.classList.remove('same-as-selected');
}

может быть преобразована в jQuery функцию? Я попробовал первую переменную, как это:

  var customSelect = document.getElementsByClassName("custom-select")[0];
  var jqcustomSelect = $(".custom-select:eq(0)").html();
  console.log(customSelect + "  JQ: " + jqcustomSelect);

Но я запутался в выводе:

customSelect = [object HTMLDivElement]

Хотя

jqcustomSelect = html code

1) Как я могу преобразовать эту функцию?

2) И почему customSelect выводит [объект HTMLDivElement], а де выводит html код?

Answer 1

Ваша JQuery функция должна быть такой

function reset(){
    var customSelect = $('.custom-select');
    var select = customSelect.find('select');
    select.prop('selectedIndex', 0);
    customSelect.find('.select-selected').html(select.find('option:selected').html());
    customSelect.find('.same-as-selected').removeClass('same-as-selected');
}

Попробуйте, но я не так просто протестировать без вашего исходного кода