페이지의 나머지 부분이 어떻게 보이는지는 확실하지만 네가 테이블을 중첩하는 것을 볼 수 있습니다. 특히 숨겨진 중첩 테이블에서 혼란과 예상치 못한 결과를 초래할 수 있습니다. 사용자가 add-btn
을 클릭하면 숨겨진 테이블을 표시 할 예정입니까? 그렇다면 click 이벤트에서 클릭 한 버튼과 관련하여 텍스트 버튼을 찾으십시오.
$(".add-btn").click(function(evt){
var product = getProductNameSomehow(); // Up to you
var newContainer = $(this).siblings("table").find(".new-row-html");
newContainer.find("input.product").val(product);
evt.preventDefault();
return false;
});
당신은 개선하고 $(...).on("click", ...)
로이 예 수신기를 일반화 할 수있다. .a-btn
은 아마도 <button type="button">Add</button>
, 아마도 styled as a link으로 더 좋을 것입니다. 원하는 경우 클릭 이벤트를 중지하는 것에 대해 걱정할 필요가 없습니다.
긴 선택기는 무엇입니까? 아마도 다음과 같이하면됩니다 : $ ('.add-btn : first'). next(). find ('input.product') .val (...)' – elclanrs
감사합니다. 선택기를 텍스트로 사용하여 코드를 쉽게 테스트하고 향상시킬 수 있습니다. –