Question

문제 1 : 세 가지 변수가 있습니다. className은 문자열을 참조합니다. 뒤로 콘텐츠가 포함되어 있고 링크에 html 문자열이 있습니다. className이 참조하는 변수에 내용을 할당하려고합니다.

var back = "test"; 
var className = "link1"; 
var link1 = '<div id="back" class="gohome"></div><div class="link3"></div><div class="link4"></div>'; 

아래의 코드가 보이지 않기 때문에

나

$(className) = className + back; 

문제 2 작동합니다 : 아래의 코드는 변수 prevClass에 포함 된 어떤의 CSS를 업데이트하지 않는 것.

 $('[id*="back"]').each(function(){ 
      $('.' + prevClass).css({'left': '-123px'}); 
      $('.' + prevClass).css({'top': '430px'}); 
      $('.' + prevClass).css({'width': '123px'}); 
      $('.' + prevClass).css({'height': '44px'}); 

---

<script type="text/javascript"> 

    var back = ""; 
    var prevClass = "start" 
    var className = "Broken"; 

    start = '<div id="back" class="gohome"></div><div class="link1"></div><div class="link2"></div>'; 
    gohome = '<div class="gohome"></div><div class="start"></div>'; 
    link1 = '<div id="back" class="gohome"></div><div class="link3"></div><div class="link4"></div>'; 
    link2 = '<div class="gohome"></div>'; 
    link3 = '<div id="back" class="gohome"></div><div class="link5"></div><div class="link6"></div>'; 
    link4 = '<div class="gohome"></div><div class="link7"></div><div class="link8"></div>'; 
    link5 = '<div class="gohome"></div><div class="link2a"></div><div class="link10"></div>'; 
    link6 = '<div class="gohome"></div><div class="link7"></div><div class="link11"></div>'; 
    link6a = '<div class="gohome"></div><div class="link7"></div><div class="link11"></div>'; 
    link7 = '<div class="gohome"></div><div class="link6a"></div><div class="link9"></div>'; 
    link8 = '<div class="gohome"></div><div class="link2a"></div><div class="link10"></div>'; 
    link9 = '<div class="gohome"></div><div class="link10a"></div>'; 
    link10 = '<div class="gohome"></div><div class="link12"></div><div class="link13"></div>'; 
    link10a = '<div class="gohome"></div><div class="link12"></div><div class="link13"></div>'; 
    link11 = '<div class="gohome"></div><div class="link10a"></div>'; 
    link12 = '<div class="gohome"></div><div class="link12"></div><div class="link13"></div>'; 
    link13 = '<div class="gohome"></div><div class="link14"></div><div class="link15"></div>'; 
    link14 = '<div class="gohome"></div>'; 
    link15 = '<div class="gohome"></div><div class="link16"></div><div class="link17"></div>'; 
    link16 = '<div class="gohome"></div>'; 
    link17 = '<div class="gohome"></div><div class="link18"></div><div class="link19"></div>'; 
    link18 = '<div class="gohome"></div>'; 
    link19 = '<div class="gohome"></div><div class="link20"></div><div class="link21"></div>'; 
    link20 = '<div class="gohome"></div>'; 
    link21 = '<div class="gohome"></div>'; 



    $(document).on('click', '.inter [class]', function() { 
    className = this.className; 
    $('[id*="back"]').each(function(){ 
     $('.' + prevClass).css({'left': '123px'}); 
     $('.' + prevClass).css({'top': '430px'}); 
     $('.' + prevClass).css({'width': '123px'}); 
     $('.' + prevClass).css({'height': '44px'}); 
    }); 

    back = '<div class="' + prevClass + '"></div>'; 
    $('.' + className).html(back); 
    prevClass = className; 
     $('.inter').fadeTo(250, 0.25, function() { 
      $('.inter').html(window[className]); 

      $('.inter').css({'background-image': 'url("' + className + '.png")'}); 
      $('.inter').fadeTo(250, 1.00); 

     }); 
    }); 

</script> 

Answer 1

문제 1에 대해서는 조금 더 똑똑하게 선택하고 업데이트해야합니다. 클래스 이름은 클래스 이름이기 때문에, 당신이 원하는 :

$('.' + className)

(당신은 문제 # 2에 대해 알아 낸 것처럼)

당신은 (다시)와 함께 컨텐츠 업데이트하려면 :

을

$('.' + className).html(back);

문제 2에 대해서는 사용자가하려는 작업이 명확하지 않습니다.

먼저 DOM에 #back이 있습니까? 이것은 link1 변수에 대해 작동하지 않습니다. 둘째로, 이전의 클래스는 무엇입니까?

Answer 2

jQuery를 사용하면 쉽게 선택 ID 그렇게 같이 많게 쉽게 할 수 있습니다 : 당신이 당신의 등호 전에 * 기대 모르겠어요

$('#back') 

?

Answer 3

className은 (는) 앵커 태그입니까? 그냥 변수 $(className)에 값 link1test을 할당

$(className) = className + back; 

:이

$('.className').attr('href', link1 +'/'+ back); 

Answer 4

문제 1처럼 뭔가를 할 수 있습니다.

예컨대 : $(className) = "link1test" "... back는 ... 내용을 포함"와 "... 당신은 어떤 변수 className 참조 콘텐츠를 할당하려고하는 ..."다음 사용하려는 경우

.

$ ('.'+ className) .html (back);

문제 2 :

아마도 선택기가 잘못되었습니다. id가 back 인 단일 요소를 선택한 다음 prevClass 클래스의 CSS를 변경하려고합니다. 그렇다면이 작동합니다.

$('#back').each(function(){ 
     $('.' + prevClass).css({'left': '-123px'}); 
     $('.' + prevClass).css({'top': '430px'}); 
     $('.' + prevClass).css({'width': '123px'}); 
     $('.' + prevClass).css({'height': '44px'}); 
    });