Question

这是我的HTML文件：

<a class="fc-time-grid-event fc-event fc-start fc-end fc-draggable fc-resizable" style="top: 703px; bottom: -791px; z-index: 1; left: 0%; right: 0%;">

 <div class="fc-content"><div class="fc-time" data-start="4:00" data full="4:00 PM"><span>4:00</span></div>
   <div class="fc-title">Work Order 1003</div>
    <div class="fc-bg"></div>
     <div class="fc-resizer"></div>

</a>

我得到了孩子们的内容＆＃39; div.fc-title＆＃39;使用此代码行$('div').on('click', 'div.fc-content', function(e) { alert($(this).children('.fc-title').text())

另一方面，我无法从父母那里得到它＆＃39; a＆＃39;直到＆＃39; fc-title＆＃39;。

Answer 1

您可以尝试将处理程序绑定到document对象

$(document).on('click', 'div.fc-content', function (e) {
    alert($(this).children('.fc-title').text())
})

演示：Fiddle

Answer 2

对您的脚本进行微小修改并完成！

JS：

$('a').on('click', function(e) {
e.preventDefault();
alert($(this).children('.fc-title').text());
});

Fiddle here...

如何在jquery中获取父母的孩子？

2 个答案: