使用jQuery评估此元素标记

Question

<td class="fc-event-container" colspan="2">
<a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end fc-draggable" style="background-color:#FF4500;border-color:#FF4500">
8a 55555-Sovereign Housing-Jn
</a>
</td>

如何获取td标签下的对象并检查标签的值，然后更改td标签的colspan的值？

我试图通过jQuery选择器访问元素，我已经这样做了：

$('td[class^="fc-event-container"]').each(function (index)
{                 
console.log($(this.find('a[class^="fc-day-grid-event"]')));
})

它正在返回一个大小为8的数组。我想做的是，在检查之后的firstcol和lastCol的值时，我必须更改第一个索引的colspan的值

$('a[class^="fc-day-grid-event"]')[0]['fcSeg']` which is showing value like
`component: DayGrid 
{uid: '3', 
context: {…}, 
dateEnv: DateEnv, 
theme: StandardTheme, 
view: DayGridView, …} 
el: a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.fc-draggable 
eventRange: {def: {…}, ui: {…}, instance: {…}, range: {…}, isStart: true, …} 
firstCol: 5 
isEnd: true 
isStart: true 
lastCol: 6 
leftCol: 5 
level: 0 
rightCol: 6 
row: 0 
[[Prototype]]: Object

Answer 1

您可以在td中获得a元素，如下所示：

let a_elem = $('a.fc-day-grid-event', 'td.fc-event-container');

使用点(.(查找类名。

CCD_ 4在右手elem中寻找左手elem。如果您取回一个数组，则可以使用a_elem[0]，前提是只有一个此类元素。

更改colspan:的值

$('td.fc-event-container').attr('colspan', your_new_colspan)