Javascript jQuery这不需要'；行不通

我的jquery代码有问题：

<ul class="category-titles">
    <li><a id="category-title" href="">Test</a>
    </li>
    <li><a id="category-title" href="">Test 2</a>
    </li>
    <li><a id="category-title" href="">Test 3</a>
    </li>
</ul>

<div class="toolbar">
    <h1 id="results-title">Test</h1>
</div>

$('.category-titles > li > a').mouseover(function() {
    var strTitle = $('.category-titles > li > a', this).text();
    $("#results-title").html(strTitle);
    console.log(strTitle);
});

试验
$（'.category titles>li>a'）.mouseover（函数（）{
var strTitle=$（'.category titles>li>a'，this）.text（）；
$（“#结果标题”）.html（标准文本）；
控制台日志（strTitle）；
});

以下是一个链接：

---

在鼠标上输入标题应重命名为li标题。

因为您将事件绑定到锚定，所以

此

引用锚定元素。所以简单地使用

var strTitle = $(this).text();

而不是

var strTitle = $('.category-titles > li > a',this).text();

---

重要提示：ID是唯一标识符

如果在

.category titles>li>a

元素上捕获

鼠标悬停

事件，则

此

引用这些选定元素。只需使用

$（this）.text（）

获取悬停元素的文本

演示：

只需引用

$（此）

，而不是：

$('.category-titles > li > a').mouseover(function(){
    var strTitle = $('.category-titles > li > a',this).text();
    $("#results-title").html(strTitle);
    console.log(strTitle);
});

使用以下命令：

$('.category-titles > li > a').mouseover(function(){
    var strTitle = $(this).text();
    $("#results-title").html(strTitle);
    console.log(strTitle);
});

更改此行：

var strTitle = $('.category-titles > li > a',this).text();

为此：

var strTitle = $(this).text();

---

由于您的事件已绑定到

”。类别标题>li>a'

，

此

引用触发事件的链接。

以下所有答案都有效！