Question

我遇到了jQuery的html（）函数问题。我希望使用相同的id / class多次使用它，但它只能使用一次。

我有这个jQuery代码（集成在表单和提交函数中）：

var flFrom = $('#fl-from').val();
var flTo = $('#fl-to').val();
var flFromDate = $('#fl-from-date').val();
var flToDate = $('#fl-to-date').val();
var flPassengers = $('#fl-passengers').val();

$('#flight-from').html(flFrom);
$('#flight-to').html(flTo);
$('#flight-from-date').html(flFromDate);
$('#flight-to-date').html(flToDate);
$('#flight-passengers').html(flPassengers);

这是相应的html

<span id="flight-from"></span>
<span id="flight-to"></span>
<span id="flight-from-date"></span>
<span id="flight-to-date"></span>
<span id="flight-passengers"></span>

它工作得非常好，但是，我想使用具有相同id或类的多个span，并用表单的内容填充所有这些...所以让我说我有#flight-from六次网站而不是一次。

这有可能吗？

Answer 1

首先，每页只能使用一次id ...请改用类。

你可以这样做：

<span class="flight-from"></span>
<span class="flight-from"></span>
<span class="flight-from"></span>
<span class="flight-from"></span>
<span class="flight-from"></span>
<span class="flight-from"></span>

<script type="text/javascript">

    $('.flight-from').html($('#fl-from').val());

</script>

这将使用＃fl-from。

中的值填充名为flight-from的每个类

在页面上多次将html添加到同一个类

1 个答案: