javascriptで親要素から取得する方法

Question

下記の【コード】で

ボタンの「親要素area」のanimalを、valueに挿入してるつもり

です。が、

できなくて困っています。

▼【実際の動き】
https://jsfiddle.net/a9ktqj41/12/

▼【コード】

(function($){
  $(".btn").click(function(){
    var fuga = $(this).parent().find(".animal").clone();
    setInterval(function(){
    document.querySelector("input[type=radio].abc").value = fuga.textContent;
    });
  });
})(jQuery);

<div class="area">
	<div class="animal">ねこ</div>
  <div class="btn">value挿入</div>
</div>

<div class="area">
	<div class="animal">いぬ</div>
  <div class="btn">value変化</div>
</div>

<p>ラジオボタンのvalueに「ねこ」「いぬ」を挿入したい！</p>

<input class='abc' type=radio value='挿入前' checked>

どなたか、間違ったところをご指摘いただけませんでしょうか？(>_<)

Answer 1

jQueryと素のJavaScriptを混ぜて書かなければ起きない問題だと思います。
（あと、このコードでcloneを使う意味がわからない）

Comments

[退会済みユーザー]

ありがとうございます。

$(".btn").click(function(){
クリックしたときの機能
});

のjavascriptバージョンがあるということですか？？何か検索のヒントもあったらうれしいです。

あと、「意味がわからない」とかを言われてしまうと、とても悲しいです。
kei344さんにとって大切なサイトだと思うので素人に質問されるとご不快なのかもしれません。すみません。けれど、なるべく我慢強くいましょうよ。私にはご回答しないようにしてくださいませ。(>_<)

[kei344]

> のjavascriptバージョンがあるということですか？？何か検索のヒントもあったらうれしいです。
「jQuery 使わない 書き方」「脱jQuery」とかで見つかります。というか混ぜなければjQueryでも問題ないです。

>「意味がわからない」
必要ないコードなので、そのコードに意味がないから、「意味がわからない」と書いたのですが･･･。

> 素人に質問されるとご不快
そう思うとしたら、そもそも回答などしていません。勝手に決め付けられることはとても不快です。

> 私にはご回答しないようにしてくださいませ。
そうしてほしいのであれば、そうします。

[退会済みユーザー]

もう。ご回答にもそのくらいの熱意と、ご丁寧な内容をこめて頂ければ…。笑

普段から、ご回答が無機質、端的、遠回りすぎて、私の求めているものとは違うから。という、ひどく個人的な理由によるものです。kei344さんは明らかに優秀で他の人には有意義な脳ミソだと思うので、どうか今回のことで残念がらず、そのままご回答を続けて頂ければと思います。失礼なことを言って、ほんとうにごめんなさいでした。。

いえ、リアルではきっと気が合うと思うんですよ。私もそういうやつですからｗただネットの字面ではちょっと上の理由から傷つくなぁ。と、そのように個人的には感じるので、、お断りさせてほしかったのです。

質問する者の姿勢としてはかなり不遜ですよね。すみません。勝手をお許しくださいませ。m(_ _)m

Answer 2

もしかして

    //var fuga = $(this).parent().find(".animal").clone();
    var fuga = $(this).parent().find(".animal").get(0);

setIntervalはいらないと思いますが

Comments

[退会済みユーザー]

できました！！どうもありがとうございます。何が何を意味するのかわからないまま使っておりました。具体的なご回答で、本当に助かりました。