Question

我有这个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中的内容。我是新手，我需要帮助。

Answer 1

只需使用$(this)点击.attr('title')项目中的title属性，然后使用.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'));
});

Answer 2

这就是我要做的事情：

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

Here is the JSFiddle demo

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

2 个答案: