在Javascript / Jquery中提取字符串部分

Question

我正在使用茧形宝石在工作时间内添加动态嵌套表格。

茧返回open_time和close_time输入。

id = merchant_working_hours_attributes_ID_open_time
id = merchant_working_hours_attributes_ID_close_time

在CSS上，close_time输入定义为display：none，而我的想法只是在open_time输入标记为nil的情况下显示。

但是为此，我需要从open_time输入中提取ID并根据该ID将css样式添加到close_time输入中。

如何使用javascript / Jquery实现呢？ 还有其他形式可以实现吗？

Answer 1

您的问题是说您有一个字符串，并且想要提取各个元素的ID以执行样式。

使用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

这应该相对简单。 我的假设是，默认情况下，“关闭时间”字段未显示。 但是，当您开始在“开放时间”字段中输入值时，“关闭时间”字段就会显示出来。

如果是这样，这应该为您工作。

的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'
}