将div文本插入输入字段,需要知道div是否为空?

时间:2016-05-21 06:37:09

标签: javascript jquery

$('#form input[id=Amount]').val(parseInt($('#eventamount').text()));

<div id="eventamount">0</div>

    <div id="form">
    <input type="text" name="Amount" id="Amount" class="cat_textbox" value="" readonly="true" />
    </div>

条件是如果div#eventamount是空的然后隐藏div#form或没有div#eventamount存在然后还隐藏div#form?

你能帮我解决这个问题吗?

3 个答案:

答案 0 :(得分:1)

if($('#eventamount').text() == ''){
    //hides when eventamount container is empty
    $('#form').hide();

}
else{
    $('#form').show();
}

答案 1 :(得分:1)

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
</head>

<body>
    <div id="eventamount">0</div>

    <div id="form">
        <input type="text" name="Amount" id="Amount" class="cat_textbox" value="" readonly="true" />
    </div>
    <script>
        $(function () {
            if ($("#eventamount").text() == null || $("#eventamount").text() == "")
            {
                $("#form").hide();
            }
        })
    </script>
</body>
</html>

你可以试试这个

答案 2 :(得分:1)

您可以.length属性检查元素是否存在,并检查元素是否为空,使用.text()

$(function () {
    var $eventamount = $("#eventamount");
    if ($eventamount.length==0 || $eventamount.text() == "")
        $("#form").hide();
})