Как получить значение элемента по имени вместо ID

Как я могу получить значение элемента по имени, а не по идентификатору, например, если я использую по идентификатору, это будет $('#id').val();

Используйте селектор атрибутов имени:

$("input[name=nameGoesHere]").val();

$('[name=whatever]').val()

JQuery документация является вашим другом.

Используйте селектор атрибутов имени:

$("input[name='nameGoesHere']").val();

Заключение значения в кавычки является обязательным требованием, см. Http://api.jquery.com/attribute-equals-selector/

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

$("input[name='nameOfElement']").val();

Мы также можем использовать другие атрибуты для получения значений

HTML

<input type="text" id="demoText" demo="textValue" />

JS

$("[demo='textValue']").val();

Это отлично работает .. здесь btnAddCat - идентификатор кнопки

$('#btnAddCat').click(function(){
        var eventCategory=$("input[name=txtCategory]").val();
        alert(eventCategory);
    });

//name directly given
<input type="text" name="MeetingDateFrom">
var meetingDateFrom = $("input[name=MeetingDateFrom]").val();

//Handle name array
<select multiple="multiple" name="Roles[]"></select>
 var selectedValues = $('select[name="Roles[]"] option:selected').map(function() {
    arr.push(this.value);
  });

let startDate = $('[name=daterangepicker_start]').val();
alert(startDate);

Какой элемент используется для детали с зеленым фоном? Просто введите имя элемента без символов «<» и «>». Например, введите P, <P>если ответ - <P>элемент.

вы также можете использовать имя класса.

$(".yourclass").val();