javascript - li の間にテキストを追加しますか?

Question

jQuery 関数は、li の間のテキストを div("#title") に追加します。

何かのようなもの

$(function () {
    $("#videos li a").click(function() {
        $(this).attr('id', 'active');
          $('#title').text($(this).text());
    });
});

ただし、クリックされたliにid「active」が追加され、別のliをクリックすると削除されます。

Answer 1

次のコードを使用して値を取得し、div内に配置できます

$("#examplediv").html( $("#menu>li>a").html());

jsfiddleデモはこちらをクリックしてください

Answer 2

これを使って：

HTML：

<ul id="menu">
    <li id="menu-li"><a href="">real</a></li>
</ul>
<div id="examplediv"></div>

JQuery：

$(document).ready(function(){
 $("#examplediv").text($("#menu-li").text());
})

Answer 3

このようにしてみてください

$(document).ready(function(){
   $('ul#menu li').text('My Text');
})

そしてあなたのhtmlはこのようになるはずです

<ul id="menu">
   <li><a href="">real</a></li>
</ul>

あなたの質問でそれが壊れているので

Answer 4

でテキストを取得するにはli:

$('ul#menu li a').text()

Answer 5

これを document.ready ハンドラーに追加します。

$('#menu a').click(function(){
    $('#examplediv').text($(this).text());
});