在jQuery中的if else语句上更改图标

Question

我在javascript variable存储了一个值，现在我想运行一个if语句来更改select option上的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确实包含以下值之一：饰钉或宝贝。

---

我要创建的内容：

如果gender包含饰钉：

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

如果gender包含宝贝：

$('<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')

只是不知道如何echo诸如男人或女人这样的value 。 是否有PHP这样的Javascript echo功能？

Answer 1

您可以使用三元运算符。

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