jq sku实现

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            input{
                width: 50px;
                height: 35px;
                background: orange;
            }
        </style>
    </head>
    <body>
        <div class="container">
              <div class="row row1">
                <input type="button" value="红" />
                <input type="button" value="黄" />
                <input type="button" value="蓝"/>
                <input type="button" value="白"/>
                <input type="button" value="军绿"/>

            </div>

            <div class="row row2">
                <input type="button" value="xl"/>
                <input type="button" value="xxl"/>
                <input type="button" value="xxxl"/>
            </div>

            <div class="row row3">
                <input type="button" value="纯棉"/>
                <input type="button" value="牛仔"/>
                <input type="button" value="针织"/>
            </div>

          </div>    

        <!-- <script src="jquery-3.2.1.min.js"></script> -->
		<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
        <script type="text/javascript">
			$(".container .row input").on("click",function(){
				var _this = $(this);
				_this.attr("st",1)
				const arr = [];
				$.each($(".container .row1 input[st=1]"),function(index,val){
					 const  key1 = val.value;
					$.each($(".container .row2 input[st=1]"),function(index,val){
						const  key2 = val.value;
				    	$.each($(".container .row3 input[st=1]"),function(index,val){
							const  key3 = val.value;
							if(val){
								arr.push([key1,key2,key3])
							}

						})

					})

				})
				console.log(arr,"arr")
			})

        </script>
    </body>
</html>