Jquery 活动div文本到输入字段

Jquery 活动div文本到输入字段,jquery,forms,Jquery,Forms,我有一个图像滑块,当它是当前滑块时,它会附加一个class=active。我试图将图像的标题放入输入字段,但无法 目前的代码是: <div class="slide"> <div class="active"><!-- The active class is only appended --> <div class="caption>Some text</div> </div> <div> &

我有一个图像滑块,当它是当前滑块时,它会附加一个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());
提前谢谢


V

在找到更好的解决方案之前,这项工作:

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

我假设您只想在输入字段中获取一些文本

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

这将仅在类处于活动状态的div内显示带有类标题的div内的文本

请参见尝试以下操作:

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

您需要以活动div的标题为目标,而不是所有标题

因此,将您实际需要的文本和Id指定给div,并将其用作选择器,而不是带有标题调用的活动div类。但是,当您在幻灯片中单击或时,活动类将移动到另一个div,因此新活动div的标题应在输入字段中。谢谢,但这是在图像滑块中,该类仅在幻灯片中附加一次。与目前为止的所有其他解决方案一样,上述解决方案仅在活动类实际编码到div中时有效。谢谢,但这是在图像滑块中,该类仅在幻灯片中附加一次。与目前为止的所有其他解决方案一样,上述解决方案仅在活动类实际编码到div中时有效。谢谢,但这是在图像滑块中,该类仅在幻灯片中附加一次。与迄今为止的所有其他解决方案一样,上述解决方案仅在活动类实际编码到div.Hm中时有效。。。你为什么这么说?我做了一个新的例子,1更改了类,然后2从新的div:ps获得正确的输入。您应该在滑块上使用回调。所以$input。。。当滑块更改时调用。否则它只能在第一次使用。我不知道你用什么滑块来演示一个示例。我编的:一些jquery或引导滑块有回调函数,您可以自定义。请参阅:或者,如果您使用它们,您可以更改选项以在特定事件(如滚动)上包含自定义功能
$('input[name="magic"]').val(
    $(".active").find(".caption").text()
);