>  Q&A  >  본문

javascript - js는 한 목록에서 특정 행을 삭제하고 다른 목록에서 해당 인덱스 행을 삭제합니다.

RT!
목록 A의 특정 행을 클릭하여 삭제 이벤트가 실행된 후 목록 B의 해당 행이 삭제될 때 이를 index 방식으로 구현하고 싶습니다.
처음 삭제 이벤트를 실행했을 때 해당 목록에서 올바른 해당 행이 삭제되었습니다. 그러나 두 번째 이벤트를 실행했을 때 목록 A와 B의 삭제된 행이 더 이상 일치하지 않았습니다. List A의 인덱스 값은 클릭 이벤트가 발생한 리스트인 것 같았습니다. 행이 삭제되더라도 해당 인덱스는 변경되지 않지만 List B의 인덱스는 자동 감소하는 방식을 사용하여 디버깅합니다. . 어떻게 해야 하나요? 하루 동안 고생한 후에도 문제를 찾을 수 없습니다. 하나님께서 이 혼란을 해결해 주실 수 있기를 바랍니다! ! !
다음은 제가 작성한 테스트 코드입니다

으아악
学习ing学习ing2685일 전1006

모든 응답(3)나는 대답할 것이다

  • 过去多啦不再A梦

    过去多啦不再A梦2017-06-12 09:30:30

    으아악

    데모:
    https://jsfiddle.net/ycloud/t...

    회신하다
    0
  • 女神的闺蜜爱上我

    女神的闺蜜爱上我2017-06-12 09:30:30

    간단한 방법은 list01 목록의 각 항목에 data-xxx 속성을 추가하는 것입니다. 클릭 시
    list02에서 동일한 data-xxx 속성을 사용하여 li를 쿼리한 다음 삭제합니다.

    데모

    회신하다
    0
  • 世界只因有你

    世界只因有你2017-06-12 09:30:30

    땀... 이런 문제도 하루는 걸리나요?
    각각의 인덱스는 초기화 중에 결정됩니다. 1이면 항상 1이고, 2이면 항상 2입니다. 다른 목록을 삭제하려면 요소의 현재 인덱스를 사용해야 합니다.
    $('#list-2 li').each(function() {

    으아악

    더 이상 고민하지 말고 코드를 살펴보겠습니다.
    http://jsfiddle.net/m6vhks4g/

    시간이 나면 내 웹사이트를 방문하세요. 새 웹사이트는 트래픽이 많지 않습니다: http://www.aizelasi.club/

    회신하다
    0
  • 취소회신하다