javascript - 更改 jQuery 中 if else 语句的图标

Question

我正在 javascript 变量 中存储一个值，现在我想运行 if 语句来更改 data-icon 选择选项。

<script type="text/javascript">
     $(document).ready(function(){
        $("#fds_gender").change(function () {
            var gender = $(this).val();
            $.ajax({
                type: "POST",
                data: {
                    "username" : "<?php echo $user->username; ?>",
                    "gender" : gender
                },
                url: "ajax/fds_categories_ajax.php",
                success: function(data){
                    $("#fds_categories").empty();
                    $.each($.parseJSON(data), function(index, element) {
                        if(element.p == 0){
                            $("#fds_categories").append(
                                $('<option data-icon="man"></option>').val(element.id).html(element.name + ": " + element.pb + ' Zbucks')
                            );
                        }else{
                            $("#fds_categories").append(
                                $('<option data-icon="man"></option>').val(element.id).html(element.name + ": " + element.p + ' Zcard')
                            );
                        }
                    });
                }
            });
        });
     });
</script>

gender 确实包含以下值之一:stud 或 babe。

<小时/>

我想要创建什么:

如果性别包含螺柱:

$('<option data-icon="man"></option>').val(element.id).html(element.name + ": " + element.pb + ' Zbucks')

如果性别包含宝贝:

$('<option data-icon="babe"></option>').val(element.id).html(element.name + ": " + element.pb + ' Zbucks')

<小时/>

我测试过的内容:

$('<option data-icon="' + if(gender == 'stud'){}else{} + '"></option>').val(element.id).html(element.name + ": " + element.pb + ' Zbucks')

只是不知道如何回显出一个值，例如男人或女人。是否有像 PHP 中那样的 Javascript echo 函数？

Answer 1

您可以使用三元运算符。

$('<option data-icon="' +( (gender == 'stud')?'man':'babe')+ '"></option>').val(element.id).html(element.name + ": " + element.pb + ' Zbucks')