Question

我目前正在做一个简单的在线巴士座位预订系统，我坚持一个功能，每当用户选择多个巴士座位时，相应的座位号应显示在范围或 div 以逗号分隔，每当用户取消选择座位（再次点击选定的座位）时，必须删除座位号。

我做了第一部分，即在座位上添加座位号，但不知道如何删除未选择的座位号。还有如何用逗号分隔座位号。我的代码是

＆＃13;

function bookSeat(seat) {
        var src = $("#" + seat).attr('src');
//        alert(src);
        if (src === 'images/availableSeat.gif') {
            $("#" + seat).attr('src', 'images/selectedSeat.gif');
            if ($('#seats').is(':empty')) {
                $("#seats").append(seat);
            } else {
                $("#seats").append(" , "+seat);
            }

        }
        else if (src === 'images/selectedSeat.gif') {
            $("#" + seat).attr('src', 'images/availableSeat.gif');
           // code to remove the unselected seat number
        }
    }

＆＃13;

任何帮助将不胜感激

Answer 1

将您的字符串转换为数组并删除座位值，加入数组并将其附加到座位div 尝试：

  function remove(seat) {
    var array = $("#seats").html().split(",");
    $.each(array,function(i,v){
       if (v == seat) {
            array.splice(i,1);
         }
    });
    return array.join();
    }
data = remove('seat2');
 $("#seats").append(data);

请参阅：https://jsfiddle.net/c5us7u23/

如何使用javascript在span中添加/删除html数据

1 个答案: