Question

我有6个隐藏的div，它们具有不同的ID（＃One，＃Two，＃Three ...），通过图像点击显示，每个都有不同的类（.one-trigger，.two-trigerr .... ）。
每个隐藏的div都有不同的标题，具有相同的类和相同的形式表单包含一个没有值的隐藏字段我试图根据不可见的div或点击的触发器在隐藏字段值中获取标题的文本。
这是html标记：

<img class="one-trigger"/>
<img class="two-trigger"/>
.
.
.
<div id="One">
<h2 class="get-title">this is the title 1</h2>
<form>
<input type="hidden" name="the-title" id="the-title" value=""/>
</div>

<div id="Two">
<h2 class="get-title">this is the title 2</h2>
<form>
<input type="hidden" name="the-title" id="the-title" value=""/>
</form>
</div>

到目前为止，我尝试了这个获取标题文本的jquery代码，但在显示不同的div时没有改变：

$(function() {
$('input[name="the-title"]').val($(".get-title").text());
});

任何帮助将不胜感激！

Answer 1

我不确定，我已经清楚地理解了你。希望这是你需要的：

$('input[name="the-title"]').each(function(key, value) {
  $(value).val($($(value).parents()[1]).find(".get-title").text());
});

此外，您的输入上有重复的ID。解决它。

从隐藏的div标题文本填充隐藏的字段值

1 个答案: