異なる子クラスのポップアップの幅を変更するにはどうすればいいですか？

Question

<span class="grandparent"> 
     <span class='parent'> 
      <span id="popUP" class="child1"> 
       Some content for popUP 
      </span> <!-- 1st child has width of 390px--> 
     </span>  
    </span> 

異なるオプションの場合、子スパンタグは下記のように新しいタグに置き換えられます。

 option A) <span id="popUP" class="child2"></span> 
      <!-- 2nd child has popUP width of 550px--> 
    option B) <span id="popUP" class="child3"></span> 
      <!-- 3rd child has popUP width of 450px--> 
    option C) <span id="popUP" class="child4"></span> 
       <!-- 4th child has popUP width of 350px--> 

JavaScriptまたはjQueryを使用して動的にポップアップの幅を変更する方法はありますか？私は.find()メソッドを使ってみましたが、運はありません

Answer 1

代わりにこのようなことをしてはいけませんか？あなたのIDとクラスはその逆です。

option A) <span class="popUP" id="child2"></span> 
      <!-- 2nd child has popUP width of 550px--> 
option B) <span class="popUP" id="child3"></span> 
      <!-- 3rd child has popUP width of 450px--> 
option C) <span class="popUP" id="child4"></span> 
       <!-- 4th child has popUP width of 350px--> 

次にこのような操作を行いますか？

$("#child2").addClass("width2"); 

その後、CSS

.width2 
{ 
width:550px; 
} 

はdiv要素を使用することを検討してください。私はどこかのスパン無視タグを読んだ。コード全体を投稿すると役立つかもしれません。