js질문드립니다.
본문
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);
}
}
<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>
요렇게 했습니다.
menu_count 의 값은 "관리"로 한글 입니다.
slideCateList_s ul li 중에 "관리"가 포함되어있으면
뭔가를 하고 싶은데 영 안됩니다 ㅠ
뭐를 잘못한걸까요?ㅠ
답변 4
<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>
<script>
$('#slideCateList_s ul li a').each(function() {
let txt = $(this).text();
//alert(txt);
if (txt == '관리')
$(this).css('color', 'red');
});
</script>
for(let i = 1; i < 15 ; i ++){
if(list[i].innerText.includes(menu_count)){
console.log(i);
}
}
i 값을 0으로 변경해주세요
요소는 0번부터 시작입니다.
앗! 그렇게도 해보았습니다!
중요한거는 얘가 한글을 인식을 몬하는것 같습니다 ㅠ
아 지금 보니깐 스와이퍼네요
스와이퍼면 transitionEnd 이벤트 사용해야 합니다.
swiper.on('transitionEnd', function() {
console.log('now index :::', swiper.realIndex);
});
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....ㅎㅎㅎ
<script>
let menu_text = $('#first').text();
$('#slideCateList_s ul li a').each(function() {
if (menu_text.trim() == $(this).text())
$(this).addClass('firston');
});
</script>
