{"id":183,"date":"2021-12-07T09:39:33","date_gmt":"2021-12-07T00:39:33","guid":{"rendered":"https:\/\/javascript.auctionpro.co.kr\/?page_id=183"},"modified":"2021-12-09T11:22:35","modified_gmt":"2021-12-09T02:22:35","slug":"list-for-a-javascript-modal","status":"publish","type":"page","link":"https:\/\/javascript.auctionpro.co.kr\/?page_id=183","title":{"rendered":"list for a javascript modal"},"content":{"rendered":"\n

Remark : \uac01 \ub9ac\uc2a4\ud2b8\uc5d0 \ub0b4\uc6a9\uc774 \ub2e4\ub978 \ubaa8\ub2ec \uc0dd\uc131 <\/h3>\n\n\n\n
<!DOCTYPE html>\n<html>\n  \n<head>\n  <meta charset=\"UTF-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=Edge;\" \/>\n\n    <link rel=\"stylesheet\" href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.4.1\/css\/bootstrap.min.css\">\n    <script src=\"https:\/\/code.jquery.com\/jquery-3.4.1.slim.min.js\">\n    <\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/popper.js@1.16.0\/dist\/umd\/popper.min.js\">\n    <\/script>\n    <script src=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.4.1\/js\/bootstrap.min.js\">\n    <\/script>\n<\/head>\n  \n<body>\n  \n<!-- Button trigger modal -->\n    <ul>\n        <li data-toggle=\"modal\" \n            data-target=\"#exampleModal\" \n            data-whatever=\"Item 1\">\n            <a href=\"#\">Item 1<\/a>\n        <\/li>\n        <li data-toggle=\"modal\" \n            data-target=\"#exampleModal\" \n            data-whatever=\"item 2\">\n            <a href=\"#\">Item 2<\/a>\n        <\/li>\n        <li data-toggle=\"modal\" \n            data-target=\"#exampleModal\" \n            data-whatever=\"item 3\">\n            <a href=\"#\">Item 3<\/a>\n        <\/li>\n    <\/ul>\n    <!-- Modal -->\n    <div class=\"modal fade\" id=\"exampleModal\" \n        tabindex=\"-1\" role=\"dialog\" \n        aria-labelledby=\"exampleModalLabel\"\n        aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" \n                        id=\"exampleModalLabel\">\n                        Modal title\n                    <\/h5>\n                    <button type=\"button\" class=\"close\" \n                        data-dismiss=\"modal\" \n                        aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                <div class=\"modal-body\">\n                    <p> hi<\/p>\n                <\/div>\n                <div class=\"modal-footer\">\n                    <button type=\"button\" \n                        class=\"btn btn-secondary\" \n                        data-dismiss=\"modal\">\n                        Close\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <script>\n        $('#exampleModal').on('show.bs.modal', \n        function (event) {\n  \n            \/\/ Button that triggered the modal\n            var li = $(event.relatedTarget)\n  \n            \/\/ Extract info from data attributes \n            var recipient = li.data('whatever')\n              \n            \/\/ Updating the modal content using \n            \/\/ jQuery query selectors\n            var modal = $(this)\n  \n            modal.find('.modal-title')\n                .text('New message to ' + recipient)\n                  \n            modal.find('.modal-body p')\n                .text('Welcome to ' + recipient)\n        })\n    <\/script>\n<\/body>\n  \n<\/html><\/pre><\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
modal.find('.table').find(\"tr:eq(0)\").find(\"td:nth-child(1)\")  \/\/Table td \ucc3e\uae30\n                .html(departuredate + 'OK')\n\n\ntr:eq(0) : 0 \ubd80\ud130 \uc2dc\uc791\ntd:nth-child(1) : non th \ub77c\uc11c  1 \ubd80\ud130 \uc2dc\uc791\n\n\n .text(departuredate + 'OK')  : \ubcc0\uc218 \uc18c\ubb38\uc790\ub85c\ub9cc \uac00\ub2a5 \n .html(departuredate + 'OK')  : \ud14c\uadf8\uac00 \uc788\uc744\uc2dc html \uc73c\ub85c <\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"
Remark : \uac01 \ub9ac\uc2a4\ud2b8\uc5d0 \ub0b4\uc6a9\uc774 \ub2e4\ub978 \ubaa8\ub2ec \uc0dd\uc131<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-183","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=183"}],"version-history":[{"count":4,"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/183\/revisions"}],"predecessor-version":[{"id":202,"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/183\/revisions\/202"}],"wp:attachment":[{"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}