我有以下 html 代码:
<div class="big-bus-right-part" id="bis-bus-first-floor">
<div id="posB100" class="vehicle-seat" onclick="bc.vehicleSeatFirstFloorHandleEvent(this)"></div>
<div id="posB101" class="vehicle-seat" onclick="bc.vehicleSeatFirstFloorHandleEvent(this)"></div>
<div id="posB102" class="vehicle-seat" onclick="bc.vehicleSeatFirstFloorHandleEvent(this)"></div>
<div id="posB103" class="vehicle-seat" onclick="bc.vehicleSeatFirstFloorHandleEvent(this)"></div>
<div id="posB104" class="vehicle-seat" onclick="bc.vehicleSeatFirstFloorHandleEvent(this)"></div>
<div id="posB105" class="vehicle-seat" onclick="bc.vehicleSeatFirstFloorHandleEvent(this)"></div>
<div id="posB106" class="vehicle-seat selected" onclick="bc.vehicleSeatFirstFloorHandleEvent(this)">1</div>
<div id="posB107" class="vehicle-seat selected" onclick="bc.vehicleSeatFirstFloorHandleEvent(this)">2</div>
</div>
我有以下 JavaScript 代码:
bc.vehicleSeatFirstFloorHandleEvent = function (el) {
if ($(el).text().length > 0) {
$(el).toggleClass('selected');
}
var array = new Array();
var frontSeats = new Array();
var selectedSeats = $('#bis-bus-first-floor').find('.vehicle-seat.selected').html();
console.log(selectedSeats);
frontSeats.push(selectedSeats);
console.log(frontSeats);
}
我想要做的是将具有所选类的所有值抓取到 html 中(请参阅 html 中的值 1 和 2)并将它们推送到数组中。
var frontSeats = $('#bis-bus-first-floor')
.find('.vehicle-seat.selected')
.map(function() {
return $(this).html();
})
.get();
frontSeats
将是一个包含"1"
和的数组"2"
。
例子:
var bc = {};
bc.vehicleSeatFirstFloorHandleEvent = function (el) {
if ($(el).text().length > 0) {
$(el).toggleClass('selected');
}
var frontSeats = $('#bis-bus-first-floor')
.find('.vehicle-seat.selected')
.map(function() {
return $(this).html();
})
.get();
console.log(frontSeats);
};
.vehicle-seat {
display: inline-block;
border: 1px solid #ddd;
width: 1em;
height: 1em;
}
<div class="big-bus-right-part" id="bis-bus-first-floor">
<div id="posB100" class="vehicle-seat" onclick="bc.vehicleSeatFirstFloorHandleEvent(this)"></div>
<div id="posB101" class="vehicle-seat" onclick="bc.vehicleSeatFirstFloorHandleEvent(this)"></div>
<div id="posB102" class="vehicle-seat" onclick="bc.vehicleSeatFirstFloorHandleEvent(this)"></div>
<div id="posB103" class="vehicle-seat" onclick="bc.vehicleSeatFirstFloorHandleEvent(this)"></div>
<div id="posB104" class="vehicle-seat" onclick="bc.vehicleSeatFirstFloorHandleEvent(this)"></div>
<div id="posB105" class="vehicle-seat" onclick="bc.vehicleSeatFirstFloorHandleEvent(this)"></div>
<div id="posB106" class="vehicle-seat selected" onclick="bc.vehicleSeatFirstFloorHandleEvent(this)">1</div>
<div id="posB107" class="vehicle-seat selected" onclick="bc.vehicleSeatFirstFloorHandleEvent(this)">2</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句