{"id":1810,"date":"2017-01-27T12:55:12","date_gmt":"2017-01-27T03:55:12","guid":{"rendered":"http:\/\/elink.tokyo\/?p=365"},"modified":"2017-09-17T12:10:25","modified_gmt":"2017-09-17T03:10:25","slug":"jq-getcount-li","status":"publish","type":"post","link":"https:\/\/greentown.tokyo\/?p=1810","title":{"rendered":"\u3010jQuery\u3011table\u30bf\u30b0\u306e\u4e2d\u306b\u3042\u308bli\u306e\u4ef6\u6570\u3092\u53d6\u5f97\u3057\u305f\u3044"},"content":{"rendered":"

\u666e\u6bb5\u304b\u3089CSS\u3082jquery\u3082\u306a\u3093\u3068\u306a\u304f\u3001\u306a\u3093\u3068\u306a\u30fc\u304f\u4f7f\u3063\u3066\u3044\u308b\u306e\u3067\u3001\u3044\u3064\u307e\u3067\u305f\u3063\u3066\u3082\u30d3\u30ae\u30ca\u30fc\u306e\u307e\u307e\u3002\u3002<\/p>\n

\u30c6\u30fc\u30d6\u30eb\u306e\u4e2d\u306b\u3042\u308b\u30ea\u30b9\u30c8\u306e\u4ef6\u6570\u3092\u53d6\u5f97\u3057\u305f\u3044<\/h2>\n

\u30b5\u30fc\u30d0\u30b5\u30a4\u30c9\u306fC#\u3067\u3059\u3002<\/p>\n

View<\/p>\n

<table id=\"tbl\">\r\n    <thead>\r\n        <tr>\r\n            <th style=\"text-align:center;\" id=\"display_no\">@Html.LabelFor(m => m.First().display_no, new { @class = \"control-label\", @style = \"font-weight:bold\" })<\/th>\r\n            <th style=\"text-align:center;\">@Html.LabelFor(m => itmFirst.name, new { @class = \"control-label\", @style = \"font-weight:bold\" })<\/th>\r\n            <th style=\"text-align:center;\">@Html.LabelFor(m => itmFirst.enabled, new { @class = \"control-label\", @style = \"font-weight:bold\" })<\/th>\r\n            <th style=\"text-align:center;\">@Html.LabelFor(m => itmFirst.color, new { @class = \"control-label\", @style = \"font-weight:bold\" })<\/th>\r\n            <th style=\"display:none\"><\/th>\r\n        <\/tr>\r\n    <\/thead>\r\n    <tbody id=\"sortable\">\r\n        @foreach (website.Models.Master.partModel itm in Model)\r\n        {\r\n            <tr>\r\n                <td style=\"text-align:center;\" class=\"row_no\" id=\"order_num\">@itm.display_no<\/td>\r\n                <td>@itm.name<\/td>\r\n                <td style=\"text-align:center; vertical-align:middle;\">\r\n                    @Html.CheckBoxFor(mbox => itm.boolEnabled)\r\n                    @Html.Hidden(\"enabled\", itm.enabled, \"enabled\")\r\n                <\/td>\r\n                <td style=\"text-align:center; vertical-align:middle;\" ><div id=\"palette_@itm.id\">@Html.Partial(\"_ColorPalette\")<\/div><\/td>\r\n                <td style=\"display:none;\" id=\"id\">@itm.id<\/td>\r\n            <\/tr>\r\n        }\r\n    <\/tbody>\r\n<\/table><\/pre>\n
@Html.Partial(“_ColorPalette”)<\/p>\n
<div class=\"group\">\r\n    <ul>\r\n        <li><a style=\"color:navy\"><i class=\"fa fa-circle\"><\/i><\/a><\/li>\r\n        <li><a style=\"color:teal\"><i class=\"fa fa-circle\"><\/i><\/a><\/li>\r\n        <li><a style=\"color:green\"><i class=\"fa fa-circle\"><\/i><\/a><\/li>\r\n        <li><a style=\"color:purple\"><i class=\"fa fa-circle\"><\/i><\/a><\/li>\r\n        <li><a style=\"color:maroon\"><i class=\"fa fa-circle\"><\/i><\/a><\/li>\r\n        <li><a style=\"color:deeppink\"><i class=\"fa fa-circle\"><\/i><\/a><\/li>\r\n        <li><a style=\"color:palevioletred\"><i class=\"fa-circle\"><\/i><\/a><\/li>\r\n        <li><a style=\"color:lightblue\"><i class=\"fa fa-circle\"><\/i><\/a><\/li>\r\n        <li><a style=\"color:mediumturquoise\"><i class=\"fa-circle\"><\/i><\/a><\/li>\r\n    <\/ul>\r\n<\/div><\/pre>\n
Javascript<\/p>\n
$.each($(\"#tbl tbody\").children(), function () {\r\n    \/\/alert($(this).html());  \/\/ <tr>\u306e\u4e2d\u8eab\u3092\u8868\u793a\u3059\u308b\u3002\r\n    alert($(this).find('li').length); \/\/ \u2190\u3053\u3053\u3002\r\n});<\/pre>\n
$(this).find(‘li’).length<\/span>
\n\u3053\u308c\u3067\u53d6\u5f97\u3067\u304d\u307e\u3057\u305f\u3002
\n\u3053\u308c\u3092\u63a2\u3057\u5f53\u3066\u308b\u306e\u306b\u5c0f1\u6642\u9593\u30fb\u30fb\u30fb\u3002<\/p>\n
<\/p>\n
alert\u7d50\u679c\u3002<\/p>\n
 <\/p>\n
\u3055\u3089\u306b\u30ea\u30b9\u30c8\u3092\u307e\u308f\u3057\u3066\u51e6\u7406\u3055\u305b\u305f\u3044\u5834\u5408\u306f\u3053\u3046\u3002<\/p>\n
$.each($(\"#tbl tbody\").children(), function () {\r\n    \/\/alert($(this).html());  \/\/ <tr>\u306e\u4e2d\u8eab\u3092\u8868\u793a\u3059\u308b\u3002\r\n    $(this).find('li').each(function () {\r\n\r\n        \/\/ \u5b50\u8981\u7d20(a)\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u5024\u3092\u8868\u793a\u3059\u308b\r\n        alert($(\"a\", this).css('color'));\r\n\r\n        return false;\r\n    });\r\n    return false;\r\n});<\/pre>\n
\u3061\u306a\u307f\u306b\u3001each\u304b\u3089\u629c\u3051\u305f\u3044\u5834\u5408\u306f\u300creturn\u300d\u3060\u3051\u3058\u3083\u3060\u3081\u3002
\n\u300creturn false\u300d\u3068\u66f8\u304f\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
\u666e\u6bb5\u304b\u3089CSS\u3082jquery\u3082\u306a\u3093\u3068\u306a\u304f\u3001\u306a\u3093\u3068\u306a\u30fc\u304f\u4f7f\u3063\u3066\u3044\u308b\u306e\u3067\u3001\u3044\u3064\u307e\u3067\u305f\u3063\u3066\u3082\u30d3\u30ae\u30ca\u30fc\u306e\u307e\u307e\u3002\u3002 \u30c6\u30fc\u30d6\u30eb\u306e\u4e2d\u306b\u3042\u308b\u30ea\u30b9\u30c8\u306e\u4ef6\u6570\u3092\u53d6\u5f97\u3057\u305f\u3044 \u30b5\u30fc\u30d0\u30b5\u30a4\u30c9\u306fC#\u3067\u3059\u3002 View <tab … <\/p>\n","protected":false},"author":1,"featured_media":1769,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[79],"tags":[],"class_list":["post-1810","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-note"],"_links":{"self":[{"href":"https:\/\/greentown.tokyo\/index.php?rest_route=\/wp\/v2\/posts\/1810"}],"collection":[{"href":"https:\/\/greentown.tokyo\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/greentown.tokyo\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/greentown.tokyo\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/greentown.tokyo\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1810"}],"version-history":[{"count":1,"href":"https:\/\/greentown.tokyo\/index.php?rest_route=\/wp\/v2\/posts\/1810\/revisions"}],"predecessor-version":[{"id":1866,"href":"https:\/\/greentown.tokyo\/index.php?rest_route=\/wp\/v2\/posts\/1810\/revisions\/1866"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/greentown.tokyo\/index.php?rest_route=\/wp\/v2\/media\/1769"}],"wp:attachment":[{"href":"https:\/\/greentown.tokyo\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1810"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/greentown.tokyo\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1810"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/greentown.tokyo\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}