html内の要素を取得しliに出力したい

Question

実現したいこと

はじめまして。
質問をさせてください。

下記、<div>タグ内のidと、子要素のテキストをjQueryで取得し、

<main>
 <ul></ul>
 <div id="one">text1</div>
 <div id="two">text2</div>
 <div id="three">text3</div>
</main>

<ul>内に、<li>として下記のように出力したいのですが、 ```ここに言語を入力 <li><a href="#one">text1</a></li> <li><a href="#two">text2</a></li> <li><a href="#three">text3</a></li> ```

解決方法をご教授いただけますでしょうか。
よろしくお願いいたします。

Comments

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

[200107]

ありがとうございます。答えだけを聞くこととなり申し訳ございませんでした。
今後の質問時には、より具体的に記載するよう心がけます。

Answer 1

おす！

$("main div").each(function()
{
    var id = $(this).attr("id");
    var text = $(this).text();

    var a = $("<a/>").attr("href", "#" + id).text(text);
    var li = $("<li/>").append(a);
    $("main ul").append(li);
});

ただの暇つぶしだ。

Comments

[200107]

ありがとうございます。ご提示いただいたコードで解決しました。