程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> javascript-深夜了還有前端的大神嗎,我寫了一個Demo但是沒調明白,求大神幫看下?

javascript-深夜了還有前端的大神嗎,我寫了一個Demo但是沒調明白,求大神幫看下?

編輯：編程綜合問答

深夜了還有前端的大神嗎,我寫了一個Demo但是沒調明白,求大神幫看下?

 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<style type="text/css">
.d1{width:300px; height:300px;float:left;margin:0 0 0 5px; border:1px #000 solid; background:#0000}
.d2{width:300px; height:300px;float:left;margin:0 0 0 5px; border:1px #000 solid; background:#0000}
</style>
</head>
<body>
<button onclick="addDiv1()">addDiv1</button>
<button onclick="addDiv2()">addDiv2</button>
<button onclick="subForm()">addDiv2</button>
<table id="thisTable">
    <tr>
        <td>id</td>
        <td>name</td>
        <td>age</td>
    </tr>
    <tr>
        <td><input value="001"/></td>
        <td><input name="userName" value="laowang"/></td>
        <td><input value="10"/></td>
    </tr>
    <tr>
        <td><input value="001"/></td>
        <td><input name="userName" value="laowang"/></td>
        <td><input value="10"/></td>
    </tr>
    <tr>
        <td><input value="001"/></td>
        <td><input name="userName" value="laowang"/></td>
        <td><input value="10"/></td>
    </tr>
</table>
<form id="thisForm">
    <div id="d1" class="d1"></div>
    <div id="d2" class="d2"></div>
</form>
</body>
<script type="text/javascript">
//console.log();
function addDiv1(){
    $("#thisTable input").attr("onclick","moveDiv1(this)");
}
function moveDiv1(e){
    var flag = quchong(e);//判斷元素是否存在,如果存在結束當前方法
    alert(flag);
    $("#d1").append($(e).clone(true));
}
function addDiv2(){
    $("#thisTable input").attr("onclick","moveDiv2(this)");
}
function moveDiv2(e){
    $("#d2").append($(e).clone(true));
}
function subForm(){

}
function quchong(e){//判斷是否重復
    //如果元素的的方法是addDiv1
    if($(e).attr("onclick")=="moveDiv1(this)"){
        //alert("addDiv1");
        $("#d1 input").each(function(){ 
            if($(this).val()==$(e).val()){
                return false;
            }
        });
    }
    //如果元素的的方法是addDiv2
    if($(e).attr("onclick")=="moveDiv2(this)"){
        return false;
    }
}
</script>
</html>

JavaScript裡貌似有沒有返回值這個概念啊,我項返回一個布爾類型,但是接到的值是未定義,怎麼解決問題

最佳回答：

 JavaScript裡貌似有沒有返回值這個概念啊
有的。只是沒有返回值類型

if($(this).val()==$(e).val()){
                return false;
            }
    這裡返回的是each方法的那個匿名函數，不是quchong這個函數

    你得這麼寫
    function quchong(e){//判斷是否重復
    //如果元素的的方法是addDiv1
    if($(e).attr("onclick")=="moveDiv1(this)"){
        //alert("addDiv1");
                var r = true;
        $("#d1 input").each(function(){ 
            if($(this).val()==$(e).val()){
                r = false;
            }
        });
                if (!r) return false;
    }
    //如果元素的的方法是addDiv2
    if($(e).attr("onclick")=="moveDiv2(this)"){
       return false;
    }
        return true; //這裡要有一個默認值，防止沒有任何分支走到
}