Javascript 需要拆分返回的JSON字符串,以便循环JQuery
在myJavascript 需要拆分返回的JSON字符串,以便循环JQuery,javascript,jquery,json,Javascript,Jquery,Json,在myJSON中,我得到一个字符串: selectedDays: "Mon, Tue, Wed, Thur, Fri, Sat" 我需要将其分解,以便可以添加某种形式的循环,以添加类,但我不知道如何做到这一点 这样我就可以在循环中添加类似于打击的内容 $('button[name=SOME_NAME]).addClass('.btn-primary'); 无法理解,以前从未使用过JSON数据 在控制台.log中返回的完整数据 { endTime: "01:02", endTi
JSON
中,我得到一个字符串:
selectedDays: "Mon, Tue, Wed, Thur, Fri, Sat"
我需要将其分解,以便可以添加某种形式的循环
,以添加类
,但我不知道如何做到这一点
这样我就可以在循环中添加类似于打击的内容
$('button[name=SOME_NAME]).addClass('.btn-primary');
无法理解,以前从未使用过JSON
数据
在控制台.log中返回的完整数据
{
endTime: "01:02",
endTimeHr: "01",
endTimeMin: "02",
number: "00000001",
position: "1",
selectedDates: "All days of the month",
selectedDays: "Mon, Tue, Wed, Thur, Fri, Sat",
selectedMonths: "Jan, Aug",
startTime: "01:01",
startTimeHr: "01",
startTimeMin: "01",
timeRange: "-w",
timeType: "specificTime"
};
日期按钮的当前HTML
<div class="form-horizontal" id="selectWeekdaysSection">
<div class="form-group">
<div class="col-md-offset-2 col-lg-4">
<button id="mon" name="weekdaysbutton" class="btn btn-default" type="button" value="Mon">Mon</button>
<button id="tue" name="weekdaysbutton" class="btn btn-default" type="button" value="Tue">Tue</button>
<button id="wed" name="weekdaysbutton" class="btn btn-default" type="button" value="Wed">Wed</button>
<button id="thur" name="weekdaysbutton" class="btn btn-default" type="button" value="Thur">Thur</button>
<button id="fri" name="weekdaysbutton" class="btn btn-default" type="button" value="Fri">Fri</button>
<button id="sat" name="weekenddaysbutton" class="btn btn-default" type="button" value="Sat">Sat</button>
<button id="sun" name="weekenddaysbutton" class="btn btn-default" type="button" value="Sun">Sun</button>
</div>
</div>
</div>
周一
星期二
结婚
星期四
星期五
坐
太阳
屏幕截图-蓝色是应用样式后的即时消息按钮
如果您还没有这样做,您需要做的第一件事就是将其用作JavaScript对象。之后,您应该能够引用selectedDays
属性,并使用JavaScript的字符串操作方法将数据转换为可使用的内容。如果您还没有这样做,那么您首先需要做的就是将其用作JavaScript对象。在此之后,您应该能够引用selectedDays
属性,并使用JavaScript的字符串操作方法将数据转换为可通过以下步骤执行的内容:
从JSON中提取所需的数据
将字符串转换为您正在使用的格式,即不带空格的小写格式
将字符串拆分为数组
循环遍历数组,并将每个字符串用作选择器的按钮id
将类添加到每个类中
const json={
选定日期:“周一、周二、周三、周四、周五、周六”
}
让selectedDays=json.selectedDays.toLowerCase().replace(//g',).split(',)
已选择日期。forEach(日期=>{
$('button#'+day).addClass('.btn primary')
})
//记录课程
$(“按钮”)。每个((i,e)=>{
console.log($(e.attr('id'),$(e.attr('class'))
})
周一
星期二
结婚
星期四
星期五
坐
Sun
步骤:
从JSON中提取所需的数据
将字符串转换为您正在使用的格式,即不带空格的小写格式
将字符串拆分为数组
循环遍历数组,并将每个字符串用作选择器的按钮id
将类添加到每个类中
const json={
选定日期:“周一、周二、周三、周四、周五、周六”
}
让selectedDays=json.selectedDays.toLowerCase().replace(//g',).split(',)
已选择日期。forEach(日期=>{
$('button#'+day).addClass('.btn primary')
})
//记录课程
$(“按钮”)。每个((i,e)=>{
console.log($(e.attr('id'),$(e.attr('class'))
})
周一
星期二
结婚
星期四
星期五
坐
Sun
如果您能告诉我们什么是HTML,您想向哪个元素添加类,这取决于日期,并显示所需的结果,那就太好了。另外,请提供文本格式的JSON。。。作为JSON。问题开头的内容不是JSON。至少它没有大括号。你想在这个例子中为6个名为Mon、Tue、Wed、Thur、Fri和Sat的按钮添加类吗?我之所以问这个问题,是因为我现在读了三遍都感到困惑。@holydragon Yeh,我先做了第一件事,选择了几天:“周一、周二、周三、周四、周五、周六”
是无效的,就像人们想要更多细节一样,当我试图更新它时,你降级并尝试关闭它。如果你能告诉我们什么是HTML,你想在哪些元素中添加一个类,这如何取决于日期,并显示所需的结果,那就好了。另外,请提供文本格式的JSON。。。作为JSON。问题开头的内容不是JSON。至少它没有大括号。你想在这个例子中为6个名为Mon、Tue、Wed、Thur、Fri和Sat的按钮添加类吗?我之所以问这个问题,是因为我现在读了三遍都感到困惑。@holydragon Yeh,我先做了第一件事,选择了几天:“周一、周二、周三、周四、周五、周六”
是无效的,就像人们想要更多细节一样,当我试图更新它时,你降级并尝试关闭它。请给我一个机会,按要求添加更多详细信息