Open baaaam771 opened 3 years ago
othersclosets/templates/othersclosets.html 여기에 담겨 있는데
<div class="post"> <div class="row mb-2"> {% for record in records.all %} <span class = "control hidden" id = "control_id{{ forloop.counter0 }}"> <div class="col-md-6"> <div class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative" > <div class="col p-4 d-flex flex-column position-static"> <strong class="d-inline-block mb-2 text-primary">카테고리</strong> <h3 class="mb-0">{{record.cloth_name_c}}</h3> <div class="mb-1 text-muted">어깨 길이 - {{record.shoulder_c}}</div> <div class="mb-1 text-muted">가슴단면 - {{record.chest_c}}</div> <div class="mb-1 text-muted">팔 길이 - {{record.arm_c}}</div> <div class="mb-1 text-muted">총장 - {{record.total_length_c}}</div> <p class="card-text mb-auto">{{record.review}}</p> <!-- <a href="#" class="stretched-link">공유</a> --> <a href="#" class="stretched-link">수정</a> <a href="{%url 'delete_c' record.id%}" class="stretched-link">제거</a> <br> <small class="text-muted">작성자 - {{record.writer_c}}</small> <span id="user_name">{{ user.username }}</span> <span class= "writer_name">{{record.writer_c}}</span> </div> <div class="col-auto d-none d-lg-block"> <img src="{{record.image_c.url}}" width="200" class="bd-placeholder-img" focusable="false" alt="인식 불가" /> </div> </div> </div> </span>
<span class = "control hidden" \> 로 설정하고
<span class = "control hidden" \>
.hidden{display:none.} css 속성으로 숨김
.hidden{display:none.}
<span id="user_name">{{ user.username }}</span> 여기 html을
<span id="user_name">{{ user.username }}</span>
$("#user_name").text() 로 현재 사용자 가져온다
$("#user_name").text()
<span class= "writer_name">{{record.writer_c}}</span> 여기 html은
<span class= "writer_name">{{record.writer_c}}</span>
$(".writer_name")[0].innerHTML 로 작성자 가져온다.
$(".writer_name")[0].innerHTML
그리고 <span class = "control hidden" id = "control_id{{ forloop.counter0 }}"> 이렇게 id와 forloop.counter를 이용해
<span class = "control hidden" id = "control_id{{ forloop.counter0 }}">
for(i = 0; i < $(".writer_name").length; i++){ if($("#user_name").text() == $(".writer_name")[i].innerHTML){ $("#control_id"+i).removeClass("hidden"); } }
사용자와 작성자가 같으면 hidden class를 지워준다
근데 안된다
근데 웃긴게 콘솔에 작성하면 또 됨
jquery 로드 문제인것 같은데, 문법오류는 없었나요??? 로드가 되는지 console.log로 확인해보면 좋을 것 같습니다
othersclosets/templates/othersclosets.html 여기에 담겨 있는데
<span class = "control hidden" \>
로 설정하고.hidden{display:none.}
css 속성으로 숨김<span id="user_name">{{ user.username }}</span>
여기 html을$("#user_name").text()
로 현재 사용자 가져온다<span class= "writer_name">{{record.writer_c}}</span>
여기 html은$(".writer_name")[0].innerHTML
로 작성자 가져온다.그리고
<span class = "control hidden" id = "control_id{{ forloop.counter0 }}">
이렇게 id와 forloop.counter를 이용해사용자와 작성자가 같으면 hidden class를 지워준다
근데 안된다
근데 웃긴게 콘솔에 작성하면 또 됨