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

How to add/remove html data in a span using javascript

本文关键字：删除 html 数据 添加 何使用 javascript span      更新时间：2023-09-26

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

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

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
        }
    }

任何帮助都将不胜感激

将字符串转换为数组并移除seat值，连接数组并将其附加到seat-divTRy：

  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/

相关文章：