js如何获取点击的li中a的text()？ javascript html5 html css 贺先森 3月16日提问

<ul class="second-tag">
    <li><a class="tag-name">我是1</a><span>400</span></li>
    <li><a class="tag-name">我是2</a><span>340</span></li>
    <li><a class="tag-name">啦啦啦</a><span>313</span></li>
    <li><a class="tag-name">嘿嘿</a><span>298</span></li>
    <li><a class="tag-name">哇哦</a><span>130</span></li>
</ul>


$("document").ready(function(){
    $(".second-tag li").click(function(){
        $val = $(".tag-name").text();
        $url = window.location.href;
        window.location.href = 'https://xxx/tag/' + $val;
    })
})

如上代码，当点击li时获取到了所有的.tag-name中的文本，如何做到点击哪个li，只获取点击的li中的.tag-name的文本？