获取一个元素标题并将其添加到 jquery 中的另一个 div

【问题标题】：Get one element title and add this to another div in jquery获取一个元素标题并将其添加到 jquery 中的另一个 div
【发布时间】：2015-12-03 20:36:28
【问题描述】：

我有这个 HTML：

<ul>
    <li class="selected">
        <a href="#" class="myClass" title="someTitle">..</a>
    </li>
    <li>
        <a href="#" class="myClass" title="someTitle1">..</a>
    </li>
    <li>
        <a href="#" class="myClass" title="someTitle2">..</a>
    </li>
</ul>

<div id="firstDiv"></div>

单击li a 时，我想将其设置为title 作为#firstDiv 中的内容。我是这方面的新手，我需要帮助。

【问题讨论】：

欢迎来到stackoverflow！请查看How to ask 了解问题中的哪些信息可能有助于获得更好的答案。

标签： javascript jquery html

【解决方案1】：

只需使用.attr('title')从$(this)单击的项目中获取标题属性，然后使用.html()或.text()将文本放在div中：

$('a.myClass').click(function(){
    $('#firstDiv').html($(this).attr('title'));
});

使用e.preventDefauilt() 的唯一原因是页面可以向下滚动，因为# 书签链接会跳到顶部：

$('a.myClass').click(function(e){
    e.preventDefault();
    $('#firstDiv').html($(this).attr('title'));
});

【讨论】：

【解决方案2】：

这就是我要做的：

$("a").click(function(e){
    e.preventDefault();
  $("#firstDiv").text($(this).attr("title"));
});

Here is the JSFiddle demo

【讨论】：