活动div文本输入字段

时间:2015-09-02 14:14:59

标签: jquery forms

我有一个图像滑块,当它是当前滑块时会附加一个class =“active”。我试图将图像的标题放入输入字段但不能。

目前的代码是:

<div class="slide">
  <div class="active"><!-- The active class is only appended -->
  <div class="caption>Some text</div>
  </div>
  <div>
  <div class="caption">Moremore</div>
  </div>
</div>

<input type="text" name="magic" value="">

$("input[name=magic]").val($(".caption").text());

上面几乎可以工作,但它只显示所有字幕类中的所有文本。

因此,对于上述情况,输入字段将具有

Some textmoremore

提前致谢!

V

3 个答案:

答案 0 :(得分:0)

在找到更好的解决方案之前,这有效:

$('input[name="magic"]').val(
    $(".slide .active .caption").text()
);

jsfiddle

答案 1 :(得分:0)

我认为你只想得到&#34;有些文字&#34;在输入栏中?

只需使用$("input[name=magic]").val($(".active .caption").text());

即可

这只会在div中显示带有类caption的div中的active内的文本。

请参阅this fiddle

答案 2 :(得分:0)

试试这个:

$('input[name="magic"]').val(
    $(".active").find(".caption").text()
);

您需要定位活动div的标题,而不是所有标题。