使用 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 的数组。我想做的是我必须更改第一个索引的 colspan 的值，同时检查 firstcol 和 lastCol 的值

$('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');

使用点 (.) 查找 class 名称。

$(elem, other_elem) 在右手元素中寻找左手元素。如果你得到一个数组，你可以使用a_elem[0]，前提是只有一个这样的元素。

改变 colspan 的值：

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

使用 jQuery 评估此元素标签

Evaluate this element tag using jQuery

javascript

tags

jquery