javascript - jquery 不选择所选 div 的子元素

Question

我想让用户可以选择前 2 轮或 4 轮，然后根据 2/4 轮，有一个输入类型文本字段，他们必须在其中写入门票数量，然后根据所选事件jquery 计算车票数量和汽车价格，并将它们写入带有变量 selected_event 的 div 中(价格的每个 div 都有自己的 id 和 div 名称)$ ('#' + selected_event).html("€ "+ totale + ",00");我写的jquery代码没有!也许我可以选择与输入类型 radio 位于同一父 div 中的输入字段，然后根据该输入类型文本更改价格 .cange() 但我在选择它时遇到问题，我尝试使用 .child() 。 .parent()..

HTML:

<div class="more_car_info">
                <div class="small_car_image">
                    <img src="http://www.domain/slide1.jpg" style="width:101px;height:66px;">
            </div>
            <div class="car_ticket_anzahl_und_prise">
                <p style="float:left;"><span style="margin-right:45px;"><input value="2runden" alt="1" name="anzahl_ticket" type="radio" style="width: 20px !important;margin:0;height:25px;"> 2 Runden </span><span style="margin-right:45px;">199,00€</span> Anzahl Ticket: <input type="text" class="anzahl_tickets" name="Nürburgring" style="width:20px !important;margin-bottom: 4px !important;"></p> 
                <p style="float:left;"><span style="margin-right:45px;"><input value="4runden" alt="2" name="anzahl_ticket" type="radio" style="width: 20px !important;margin:0;height:25px;"> 4 Runden </span><span style="margin-right:45px;">359,00€</span> Anzahl Ticket: <input type="text" class="anzahl_tickets" name="Nürburgring" style="width:20px !important;margin-bottom: 4px !important;"></p>
            </div>
        </div>

jQuery:

    if($('input[name=anzahl_ticket]:checked').val() == '2runden' ) {
    $('.anzahl_tickets').change(function() {
            var selected_event = $('.anzahl_tickets').attr("name");     
            var nr1 = $('.anzahl_tickets').val();
            var nr2 = +nr1;
            var car = 199;
            var totale = (nr2 * car);
            alert(selected_event);
            $('#' + selected_event).html("€ " + totale + ",00"); //gesamtpreis
        });
}
else if($('input[name=anzahl_ticket]:checked').val() == '4runden'){
    $('.anzahl_tickets').change(function() {
        var selected_event = $('.anzahl_tickets').attr("name");
        var nr1 = $('.anzahl_tickets').val();
        var nr2 = +nr1;
        var car = 366;
        var totale = (nr2 * car);
        $('#' + selected_event).html("€ " + totale + ",00"); //gesamtpreis
        });
}

Answer 1

尝试在处理程序中将 $('.anszhl_tickets) 选择器替换为 $(this)，如下所示:

    var selected_event = $(this).attr("name");
    var nr1 = $(this).val();

如果您的页面上有多个具有 .anszhl_tickets 类的元素，您的代码将不会按照您的想法执行，因为 $('.anszhl_tickets') 将匹配多个元素。