制作整个div，包括文字，可点击

Question

我有一系列可点击的div元素，我想根据每个div的唯一ID获取文本元素的内容。

<div class='square' id='sq12'><p class='text'><br/>"Text I want to fetch"</p></div>

我正在使用jquery来检测何时单击方形类，获取与其关联的id，然后绘制文本类内容。当用户单击div中的任何空白时，它工作正常，但如果他们直接单击文本，则无法读取父ID并抛出错误

Cannot read property 'getElementsByClassName' of null

我正在使用它来检测点击：

 $('body').on('click', '.square', function(e) 
         {
    var fetchedText = document.getElementById(e.target.id).getElementsByClassName('text')[0].innerHTML;

    alert(fetchedText);             

        });

有没有办法从点击的文本类元素中检测父div的id，还是需要一种完全不同的方法？

我怀疑这是一个简单的，但我正在消隐。