div가 이미 존재하지 않는 한 jquery do를 수행 한 다음 바꾸기

Question

jquery 데이터 테이블이 있고 그 데이터 테이블에 각 행에 행 세부 정보를 볼 수있는 열이 있습니다. datatables row_details 것은 필요 없습니다.

'보기'를 클릭하면 텍스트가 숨기기로 변경되고 행 _ ###이있는 div가 콘텐츠 본문에 추가됩니다. 행이 표시되어있는 동안 동일한 버튼을 클릭하면 해당 행이 숨겨집니다. 또한 다른 사람이 다른 행에 대한보기를 클릭하면 이전 행의 텍스트가 hide로 변경되고 div 숨김이 표시되고 방금 클릭 한 행이 표시되어야합니다. 나는 일에 대한 세부 사항이 이미 표시되어 또 다른 '보기'를 클릭하면

$("a[class^=view]").click(function() { 
    var id = $(this).attr('class').match(/\d{1,}/); 

    if($("div[id^=report_]").size() >= 1) { 
    // Slide up, remove 
      // Change text back to view  
    } else { 
      // Append and change text to Hide 
      } 
}); 

, 그것은 현재 DIV 안에 새로운 사업부를 추가하고 같은 새로운 사업부를 추가 : 여기

는 내가 지금까지 무엇을 가지고 내용 본문 .. 분명히 내가 어딘가 내 논리가 잘못 찾고있어 효과가 아닙니다. 어떤 아이디어?

Answer 1

알 수 있습니다. 다소 지저분하지만 작동합니다. 다른 방법이 있으면 관심이 있습니다. 요소가 이미 난 ... 그의 아이를 찾고, 부모 요소에 jQuery의 발견을 사용과 같이 존재하는 경우

$("a[class^=view]").click(function() { 
    var id = $(this).attr('class').match(/\d+/); 

    if($(this).text() == "Hide") { 
     $(this).text("View"); 
     $("#report").html(null); 
    } else { 
     $("a[class^=view_]").each(function(){$(this).text("View");}); 
     $(this).text("Hide"); 
     $("#report").html("<div id='report_"+id+"'>viewing report "+id+"</div>").slideDown(); 
    } 
}); 

Answer 2

알고 : 여기에 솔루션입니다 당신은`사용하지 않아야

if($('#parent_container').find('#child_element').length>0){ 
    //element(s) exists 
}else{ 
    //element(s) not found 
}