Извлечь часть строки в Javascript/JQuery

Question

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

Cocoon возвращает вход open_time и close_time.

id = merchant_working_hours_attributes_ID_open_time 
id = merchant_working_hours_attributes_ID_close_time 

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

Но для этого мне нужно извлечь идентификатор из входа open_time и добавить стиль css для входа close_time в соответствии с этим идентификатором.

Как достичь этого с помощью javascript/JQuery? Любая другая форма для достижения этого?

Answer 1

В вашем вопросе говорится, что у вас есть строка, и вы хотите извлечь идентификатор соответствующего элемента для выполнения стиля.

Использование split()

var string = merchant_working_hours_attributes_ID_open_time; 

var parts = string.split("_"); //You will have the ID at 4th parts[4] 

на основе извлеченной ID, вы можете использовать show() и hide().

Пример

if($('#opentimeID').val() != '') 
{ 
    $('#opentimeID').show(); 
} 

Применение substring()

string.substring(start,end) 

Answer 2

Это должно быть относительно простым. Мое предположение заключается в том, что по умолчанию поле «close time» не отображается. Но когда вы начинаете вводить значение в поле «время открытия», появляется поле «close time».

Если это так, это должно сработать для вас.

JavaScript

const openTime = document.getElementById('merchant_working_hours_attributes_ID_open_time') 
const closeTime = document.getElementById('merchant_working_hours_attributes_ID_close_time') 
if (openTime.value.length > 0) { 
    closeTime.style.display = 'block' 
}