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

时间:2016-04-16 09:42:26

标签: javascript jquery

我在javascript variable中存储了一个值,现在我想运行if语句来更改data-icon上的select option

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

我想要创建的内容:

如果gender包含stud:

$('<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如男人或女人。echo是否有像PHP一样的Javascript display: block函数?

1 个答案:

答案 0 :(得分:4)

您可以使用三元运算符。

findDOMNode