JavaScript 기능은 버튼 클릭에 영향을 주지 않습니다.

Question

인터넷을 검색하고 여러 가지 방법을 시도했지만 비교적 간단한 문제에 봉착했습니다.

아래 코드는 내 질문의 전체 범위입니다

으아악

제 문제의 가장 기본적인 부분은 다음 기능에 있습니다.

으아악

이 버튼으로는 호출되지 않습니다

으아악

어쨌든 이유를 알 수 없습니다. 처음에는 범위 문제인 줄 알았는데 범위 내에 있어야 합니다. 또한 버튼에서 함수를 호출하는 다양한 방법을 시도했습니다. 귀하가 제공할 수 있는 도움에 진심으로 감사드립니다. 버튼을 참조하기 위해 클래스 이름을 사용해 보았고, 이 사이트에 게시된 함수를 호출하는 다양한 방법도 시도했습니다.

Answer 1

jQuery를 사용할 때 CSS 선택자를 작성하여 요소를 찾을 수 있습니다.

예를 들어, 당신은 $row = a.closest('tr');，它将找到离a变量引用的任何元素最近的<tr>元素，并且看起来是一个<button>元素。由于a只是一个原始元素，您需要使用jQuery选择它才能在jQuery中使用它。$(a).closest('tr') 이 문제를 해결할 것입니다.

다음으로 $row.find('drawingnum')，它将在那个<tr>元素中查找一个<drawingnum> 요소가 있습니다. 이는 실제 요소가 아니며 HTML에도 없습니다.

하지만 다음이 있는 것으로 보입니다.

으아악

이 요소를 선택하고 싶으신 것 같아요. 따라서 이를 찾으려면 특정 속성 값이 있는 <input>。在CSS中，您可以使用选择器input[name="drawingnum"]를 찾아야 합니다. 즉, jQuery에서도 동일한 작업을 수행할 수 있습니다.

전체 콘텐츠는 다음과 같습니다.

으아악

Answer 2

문제는 JavaScript 기능에 있습니다.

PHP와 JavaScript 표기법을 혼동하고 계십니다. JavaScript에서는 변수를 선언할 때 '$' 기호를 사용할 필요가 없습니다. jQuery에서 '$' 사용을 본 적이 있을 수 있지만 이를 사용하고 있다는 사실은 언급하지 않았습니다.

jQuery를 사용하지 않는 경우 find() 및 text()는 메서드가 아니므로 대신 .querySelector 및 .value를 사용해야 합니다.

또한 쿼리에 [name="whatever"]를 명시적으로 추가하지 않고는 이름으로 행을 선택할 수 없다고 생각합니다.

이 기능은 작동하는 버전입니다.

으아악

다음은 jsbin의 작업 데모입니다.

일반적인 제안은 개발 도구에서 콘솔을 사용하는 것입니다. JavaScript 문제에 대한 몇 가지 힌트를 제공해야 합니다.

또 다른 추가 주의 사항은 각 요소에 고유 ID를 부여해야 한다는 것입니다. 페이지에 중복된 ID가 있어서는 안 됩니다.