是否可以对JQUERY对象使用If条件?

时间:2020-09-16 05:17:30

标签: javascript jquery

这是我的jquery代码->

   <script type="text/javascript">
    $(document).ready(function(){
    var countPos=0;
    var add_button=$('#add_position');
    var wrapper=$('#position_fields');
    window.console && console.log('Document ready called');
    $(add_button).click(function(event){
        // http://api.jquery.com/event.preventdefault/
        event.preventDefault();
        if ( countPos >=9 ) {
            alert("Maximum of nine position entries exceeded");
            return;
        }
        countPos++;
        window.console && console.log("Adding position "+countPos);
        $(wrapper).append(
            '<div id="position'+countPos+'"> \
        <p>Year: <input type="text" name="year'+countPos+'" value="" /> \
        <input type="button" value="-" \
            onclick="$(\'#position'+countPos+'\').remove();return false;"></p> \
        <textarea  name="desc'+countPos+'" rows="8" cols="80"></textarea>\
        </div>');
       });
      });




</script>

在上面的代码中,我想在$(add_button).click(function(event)[[当用户单击添加按钮时,此事件功能将起作用]]前添加if语句。现在我想添加'否则'如果这种情况出了错,有可能做到吗?

我已经尝试过这种方式->

 //here I add a If statement with this object
 if($(add_button).click(function(event))){
    // http://api.jquery.com/event.preventdefault/
    event.preventDefault();
    if ( countPos >=9 ) {
        alert("Maximum of nine position entries exceeded");
        return;
    }
    countPos++;
    window.console && console.log("Adding position "+countPos);
    $(wrapper).append(
        '<div id="position'+countPos+'"> \
    <p>Year: <input type="text" name="year'+countPos+'" value="" /> \
    <input type="button" value="-" \
        onclick="$(\'#position'+countPos+'\').remove();return false;"></p> \
    <textarea  name="desc'+countPos+'" rows="8" cols="80"></textarea>\
    </div>');
   });
   else{
          '<div id="position'+countPos+'"> \
    <p>Year: <input type="text" name="year'+countPos+'" value="" /> \
    <input type="button" value="-" \
        onclick="$(\'#position'+countPos+'\').remove();return false;"></p> \
    <textarea  name="desc'+countPos+'" rows="8" cols="80"></textarea>\
    </div>'

        }

但是此代码不起作用。我怎么去目的地?

0 个答案:

没有答案
相关问题