텍스트로 요소 찾기

ID 나 클래스가 아닌 내용을 기반으로 요소를 찾을 수 있는지 누구든지 말할 수 있습니까 ?

고유 한 클래스 나 ID가없는 요소를 찾으려고합니다. (그런 다음 해당 요소의 부모를 찾아야합니다.)

Therefore it is not enough that you use :contains() selector, you also need to check if the text you search for is the direct content of the element you are targeting for, something like that:

따라서 :contains() selector 를 사용하는 것으로는 충분하지 않습니다. 검색하는 텍스트 가 대상 요소 의 직접 콘텐츠 인지 확인해야 합니다.

 Element에 포함된 텍스트(Text)로 객체를 찾아라!

function findElementByText(text) {
    var jSpot = $("b:contains(" + text + ")")
                .filter(function() { return $(this).children().length === 0;})
                .parent();  // because you asked the parent of that element

    return jSpot;
}

 * 아래 DIV   p-1 class 중에 텍스트가 3인 것을 찾아라. 

<div class="" id="pagenation" style="white-space: nowrap; overflow-x: hidden; width: 231px;">
<div class="p-1 paging-item border rounded text-center d-inline-block position-relative" style="width:33px;height:33px;">1</div>
<div class="p-1 paging-item border rounded text-center d-inline-block position-relative" style="width:33px;height:33px;">2</div>
<div class="p-1 paging-item border rounded text-center d-inline-block position-relative  style="width:33px;height:33px;">3</div>
<div class="p-1 paging-item border rounded text-center d-inline-block position-relative" style="width:33px;height:33px;">4</div>
<div class="p-1 paging-item border rounded text-center d-inline-block position-relative" style="width:33px;height:33px;">5</div><div class="p-1 paging-item border rounded text-center d-inline-block position-relative" style="width:33px;height:33px;">6</div><div class="p-1 paging-item border rounded text-center d-inline-block position-relative" style="width:33px;height:33px;">7</div>
</div>


$(".p-1:contains('3')")

제가 살면서 겪은 모든 역경들, 그리고 모든 장애물과 고민들이
결과적으로는 저를 더 강하게 만들어주었습니다.
여러분도 그걸 겪을 때는 깨닫지 못하겠지만,
그 어떤 시련도 언젠가는 당신의 인생에서 최고의 일이 될 수 있습니다.
- 월트 디즈니


월트 디즈니의 또 다른 명언을 함께 보내드립니다.
“언젠가 저는 꿈이란 게 실현되기 위해 존재한다는 것을 깨닫게 되었습니다.
그래서 그날 이후론, 쉬기 위해 잠을 자는 것이 아니라,
꿈을 이루기 위해 잠을 잤습니다.”

인간의 몸에는
병에 걸리도록 설계된 프로그램은 없지만,
완벽한 평형 혹은 균형 상태를 유지하면서 균형이
무너졌을 때 다시 균형을 잡도록 하는 프로그램이
많다. 건강해지려는 것은 인간의 본성이지만
이러한 프로그램들이 효과적으로 작동하는
전제 조건을 충족시키는 것은
우리가 해야 할 일이다.


- 안드레아스 모리츠의《건강과 치유의 비밀》중에서 -


* 병에 걸리는 것도 '나'고
병을 이겨내는 것도 '나'입니다.
몸의 균형을 잃었을 때 병에 걸리고
몸의 균형을 다시 찾았을 때 병을 이겨낼 수
있습니다. 다른 사람이 대신할 수 있는 일이
아닙니다. 전적으로 나의 몫입니다.
완벽한 균형 상태 유지가
'나'를 살립니다.

Node.js 웹서버로 만들기   http://localhost:3000

var http = require('http');
var fs = require('fs');
var app = http.createServer(function(request,response){
    var url = request.url;
    if(request.url == '/'){
      url = '/index.html';
    }
    if(request.url == '/favicon.ico'){
      //return response.writeHead(404);
      response.writeHead(404);
      response.end();
      return;
    }
    response.writeHead(200);
    console.log(__dirname + url);
    response.end(fs.readFileSync(__dirname + url));

});
app.listen(3000);

https://youtu.be/VGZTn1diz_I

opentutorials.org/course/3332/21032

소스 : github.com/web-n/web1_html_internet

nodejs.org/ko/들어가서 다운로드 후 설치.

설치 후 CMD 뛰워서 아래와 같이 버전 및 실행 테스트. 

C:\Users\HWKim>node -v
v14.15.1

C:\Users\HWKim>node
Welcome to Node.js v14.15.1.
Type ".help" for more information.
> console.log(1+1)
2
undefined
> console.log(1+1);
2
undefined
>
(To exit, press Ctrl+C again or Ctrl+D or type .exit)
>

C:\Users\HWKim>

강의 리스트 : opentutorials.org/course/3332

유튜브 재생목록 : www.youtube.com/playlist?list=PLuHgQVnccGMA9QQX5wqj6ThK7t2tsGxjm

지나간 과거사를 회상하면서 사는 사람을 늙었다고 하고,
미래에 대한 희망에 부풀어 있는 사람을 젊다고 한다.
탐구하는 능력을 잃어버린 사람들은 낡은 것에 얽매여 집착하기 때문에
더욱 더 늙을 수 밖에 없고, 왕성한 생명력으로 생산적인 활동을 하는
사람들은 나날이 거듭나면서 미래를 지향하기에 영원한 젊음을 누린다.
- 법정스님


육신의 나이와 상관없이 그가 얼마나 창조적인 생활을 하고 있는가에 따라
늙고 젊음이 가려져야 합니다.
호기심이 많고, 끝없이 질문하고, 계속해서 더 큰 꿈을 꾸고,
새로운 도전을 즐긴다면, 나이와 관계없이 누구나 젊은이라 할 수 있습니다.

그들보다
내가 가진 것이 너무나 많았다.
그들은 물질적으로도 정신적으로도
정말 가난한 사람들이었다. 그러나 그런
가난에도 불구하고 희망만은 놓지 않는
사람들이었다. 그리고 그들이 마지막까지
움켜쥐고 있던 그 희망이야말로 우리 모두가
지켜야 할 절대적인 '가치'라고 생각하게 되었다.
희망은 격렬하다. 역설적이지만 언제나
희망은 절망의 끝에서 비롯된다.


- 이종수의《희망은 격렬하다》중에서 -


* 가진 것이 많아서
희망을 갖는 것 아닙니다.
가진 것이 없고 절망의 상태에서
더욱 필요한 것이 희망입니다. 희망만이
인생의 방향을 180도 바꿀 수 있기 때문입니다.
절망이었던 것이 정반대 희망으로 바뀌는 것을
경험한 사람은 만인 앞에 당당히 고백할 수
있습니다. '희망은 격렬하다'고.

TCP SCHOOL 소개

www.tcpschool.com/