ID로 아코디언 헤더 내의 텍스트를 변경하거나 표시

Question

항목 목록 인 모델로보기가 있습니다. 각 항목에는 H2 헤더에 포함 된 ID가 있습니다. 항목에 대한 세부 정보는 머리글 아래 div에 있습니다. 머리글 내에서 처음에는 표시하도록 설정된 이미지가 있습니다. 없음. 뷰 내의 jquery 스크립트를 사용하여 헤더의 텍스트를 변경하거나 이미지를 볼 수있게하고 싶습니다.

<h2 id= 'header+@Model[i].ID' class="header" style="background-color:whitesmoke">@Model[i].Item.Name&nbsp 
       <img id="img+@Model[i].ID" src="~/Images/yes.gif" alt="" style="display:none" class="yescheck"/> 
      </h2> 
<div> 
    <table> 
      // all the data 
    </table> 
    <button id="but+@Model[i].ID" onclick=CountComplete(); return false //... 
</div> 

나는이 시도했다 :

function CountComplete(but) { 
    var id = but.id; 
    id = id.substring(5); 
    var div = "#div+" + id; 
    $.ajax({ 
     type: 'POST', 
     data: { id: id }, 
     url: '@Url.Action("CountComplete")', 
     success: function (data) { 
      var test = data; 
      $("#accordion").accordion('option', 'active', false); 
      var head = '#header+' + id; 
      var $image = $(head).find('.yescheck'); 
      $image.show(); 
      $('img+' + id).show(); 
      $(head).innerHTML = 'CLOSED'; 
     } 
    }); 
    return false; 
} 

사람이 어떻게 이렇게하는 생각이 있습니까?

Answer 1

솔루션은 정말 간단했습니다. 플러스 기호 '+'대신 마이너스 기호 '-'를 사용하고 JQ는 요소를 찾는 데 전혀 문제가 없습니다. 왜 플러스가 작동하지 않는지 나는 모른다.