js질문드립니다. 채택완료
</p>
<p>var menu_count = document.getElementById('first').innerText;
var list = document.querySelectorAll("#slideCateList_s ul li");
for(let i = 1; i < 15 ; i ++){
if(list[i].innerText.includes(menu_count)){
console.log(i);
}
}</p>
<p> </p>
<p>
<div id="slideCateList_s" >
<div class="swiper-container">
<ul class="swiper-wrapper">
<li class="swiper-slide "><a href="#" >관리</a></li>
<li class="swiper-slide "><a href="#" >기타</a></li>
<li class="swiper-slide "><a href="#" >등등</a></li>
</ul>
</div>
</div></p>
<p> </p>
<p>요렇게 했습니다.
menu_count 의 값은 "관리"로 한글 입니다.
slideCateList_s ul li 중에 "관리"가 포함되어있으면
뭔가를 하고 싶은데 영 안됩니다 ㅠ
뭐를 잘못한걸까요?ㅠ
답변 4개
아 지금 보니깐 스와이퍼네요
스와이퍼면 transitionEnd 이벤트 사용해야 합니다.
</span></p>
<pre data-ke-type="codeblock">
<span style="font-family:맑은 고딕;"><span style="font-size:12pt;">swiper.on('transitionEnd', function() {
console.log('now index :::', swiper.realIndex);
});</span></span></pre>
<p><span style="font-family:맑은 고딕;"><span style="font-size:12pt;">
댓글을 작성하려면 로그인이 필요합니다.
var menu_count = document.getElementById('first').textContent;
var selected = document.querySelectorAll("#slideCateList_s ul li");
selected.forEach(item => {
//console.log(item.innerText);
if(item.innerText === menu_count){
console.log(item.innerText);
}
});
요렇게도 해보았습니다.
한글을 인식 몬하는것 같습니다 ㅠㅠㅠㅠ
menu_count 는 유동적으로 변경됩니다 ㅠ
--------------------------------------
해결함
let menu_count = document.getElementById('first').textContent;
$('#slideCateList_s ul li a').each(function() {
let txt = $(this).text();
let menu_count2 = menu_count.trim();
if (txt == menu_count2 ){
$(this).addClass('firston');
}
});
이런식으로 해결했습니당.
trim....ㅎㅎㅎ
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
</p>
<p><div id="slideCateList_s" >
<div class="swiper-container">
<ul class="swiper-wrapper">
<li class="swiper-slide "><a href="#" >관리</a></li>
<li class="swiper-slide "><a href="#" >기타</a></li>
<li class="swiper-slide "><a href="#" >등등</a></li>
</ul>
</div>
</div></p>
<p>
<script>
$('#slideCateList_s ul li a').each(function() {
let txt = $(this).text();</p>
<p> //alert(txt);</p>
<p> if (txt == '관리')
$(this).css('color', 'red');
});
</script></p>
<p>댓글을 작성하려면 로그인이 필요합니다.
for(let i = 1; i < 15 ; i ++){
if(list[i].innerText.includes(menu_count)){
console.log(i);
}
}</code></pre>
<p><font face="monospace"><span style="font-size: 11.375px;">
i 값을 0으로 변경해주세요
요소는 0번부터 시작입니다.
답변에 대한 댓글 1개
중요한거는 얘가 한글을 인식을 몬하는것 같습니다 ㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
<script>
let menu_text = $('#first').text();
$('#slideCateList_s ul li a').each(function() {
if (menu_text.trim() == $(this).text())
$(this).addClass('firston');
});
</script>
[/code]