如何让li文本直接排除其子元素？

Question

我试图直接将li文字排除在其子元素之外。

我的示例标记代码如下：

$(document).ready(function(){
			$('.fa-pencil').click(function(){
				parentText = $(this).parent().parent().text();
				console.log(parentText);
			})
		})

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  
<ol>
		<li>
			option1
			<a href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a>
			<ol>
				<li>Account</li>
				<li>Acount Details Listing</li>
			</ol>
		</li>
		<li>
			option2
			<a href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a>
			<ol>
				<li>Account Setting</li>
				<li>Acount Rule Details</li>
			</ol>
		</li>
		<li>
			option3
			<a href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a>
			<ol>
				<li>Account Product Setup</li>
				<li>Acount Statement</li>
			</ol>
		</li>
	</ol>

目前，当我点击铅笔图标时，它会返回li本身及其子元素的文本。但是，我想要实现的目标是，我希望仅直接从li元素获取文本，对于本案例option1，option2或option3。

了解li option1 <span>与li或其他内容的包装会有所帮助。但是，我的其他脚本还依赖<span>文本而不包装PHP_EOL，因此我不想修改每个脚本只是为了适应这个脚本。

我该怎么做？请帮助，谢谢。