如何在click()函数中获取元素的值？

Question

我正在创建一个与它们的名字相关的所有保存的AI程序的列表，它是这样做的，并且运行良好：

@foreach ($ais as $ai)
    <a href='#' class='saved-ai'>{{ $ai }}</a> <br />
@endforeach

然后，我有一个jQuery脚本，用于将名称的值附加到输入框中。

<script>
    jQuery(document).ready(function(){
        $('.saved-ai').click(function() {
            $('#ainame').val(this.html());
        });
    });
</script>

我试着调试this，看看它保存了什么，为什么它的行为很奇怪，但我在控制台上得到了如下信息：

<a href="#" class="saved-ai" name="Languages">Languages</a>

我收到的错误是：

Uncaught TypeError: this.html is not a function
    at HTMLAnchorElement.<anonymous> (home:107)
    at HTMLAnchorElement.dispatch (app.js:1)
    at HTMLAnchorElement.g.handle (app.js:1)

经过研究，幼虫中的app.js已经包含了jQuery。然而，this.html()似乎并不存在。如何获取被点击元素的值？

这里的预期输出将是Language gets放在输入框中作为值。

Answer 1

您可以尝试将html更改为文本，如下所示：

<script>
 jQuery(document).ready(function(){
    $('.saved-ai').click(function() {
        $('#ainame').val($(this).text());
    });
 });
</script>

你可以在这里找到更多关于它的信息：http://api.jquery.com/text/