JQuery 标签之间组合取值

<body>

    <div></div>
    <input type="text" value="first-1" />
    <input type="text" value="first" />
    <div>
        <input type="text" value="div-input-1" />
        <label>
            <input type="text" value="div-lable-1" />
            <span>
                <input type="text" value="div-lable--span-1" />
            </span>
        </label>
        <input type="text" value="div-input-2" />
        <input type="text" value="div-input-3" />
    </div>
    <input type="text" value="3" />
    <input type="text" value="4" />
    <input type="text" value="5" />
    <div></div>
</body>
<script>
    $(function () {
        //$("div>input"); //表示div里面下一级的input标签【只有一级】
        //$("div input")=$("div :input"); //表示div里面所有的input标签【n级】
        //$("div~input"); //表示div之后同级的所有input标签
        //$("div+input"); //表示div之后同级第一个input标签
        //$("div,input"); //表示所有的div和input标签
        $("div input").each(function () {
            var p = $(this).val();
            alert(p);
        });

    })
</script>

 

posted @ 2017-07-14 14:39  逍遥帝君  阅读(386)  评论(0编辑  收藏  举报