如何获取在 jQuery 中单击了哪个 link

Question

我想从多个 link 的块中获取文本 $(el).text() 并将其分配给 HTML 输入。我正在使用 Laravel 和 Jquery.

我的 Blade 模板是一个从一些数据生成的独立组件。

<div class="some-class" id="some-id">
    <ol>
        @foreach ($data as $el)
            <li>
                <a href="javascript:;" class="some-a-class">{{ $el['name'] }}</a>
            </li>
        @endforeach
    </ol>
</div>

然后我正在研究如何捕获 link 的点击，从中获取文本，并将其传递给输入。

我的 jQuery 代码看起来像：

$('#some-id > a').on('click', function () {
    console.log(this.text());
})

从多个渠道发现上面^的方式应该可以，但对我来说，它甚至不明白我点击了。

也许有其他方法可以获取被点击的 link 名称？

谢谢。

Answer 1

将您的 jquery select 更改为：

$('#some-id ol li a')

现在您正试图 select a 元素认为它们的父元素是 #some-id，但事实并非如此。元素的子元素 (div > p) 和元素的后代 (div p) 之间存在差异。

Answer 2

@AlwaysHelping 评论正是我要找的评论。

$(document).on('click', '#some-id a', function () {console.log($(this).text());})

如何获取在 jQuery 中单击了哪个 link

How to get which link was clicked in jQuery

html

javascript

jquery

laravel

laravel-blade