[Thắc mắc] Không đổi background khi điều kiện đúng[✔]

[Méo Hắc Hắc]

Code:

<div class="a">
  <button></button
</div>
<div class="b"></div>

Code:

$(function(){
  $('button').click(function(){
  $(this).parent().next().toggle();
  if($('.b').css('display')=='none'){$('button').css('background','#fff url(http://png-3.findicons.com/files/icons/2260/iphone_toolbar/26/plus.png) no-repeat center center')}
  else{$('button').css()}
  });
});

Icon mặc định là dấu trừ, khi click button cái class b sẽ biến mất.
Méo thêm đoạn if để đổi icon từ trừ thành cộng với điều kiện là class b có display none

Mà nó lại không đổi khi cái b biến mất.

Không biết ở trên có sai cái gì không nhỉ, mọi người giúp méo với

p/s: js khó hơn jq =="

[handsomevip007]

Code:

$(function(){
  $('button').click(function(){
  $(this).next().toggle();
  if($('.b').css('display')=='none'){$('button').css('background','#fff url(http://png-3.findicons.com/files/icons/2260/iphone_toolbar/26/plus.png) no-repeat center center')}
  else{$('button').css('background','')}
  });
});

P/s: Méo viết jq thấy ghê quá
P/s 2: jq cũng là js thôi

[Méo Hắc Hắc]

Không có .parent() nó không ẩn cái thẻ a
Icon vẫn thế

trong w3 nó chia ra 2 loại mà ;pnên méo cũng chia làm 2 luôn
hồi trước nói jq là js vị huynh vống với bác zero nói tanh bành nhà đất luôn

[handsomevip007]

a gì ở đây ở trên vừa ghi b biến mất

[Méo Hắc Hắc]

à nhầm ấy mà
nói chung không có cái .parent() thì nó không ẩn thẻ b

ngoài ra khi click thì nó mất cái background luôn, nhấn lại cũng không hiện

[handsomevip007]

Vậy thì thêm parent vào

Code:

$(function(){
  $('button').click(function(){
  $(this).parents().next().toggle();
  if($('.b').css('display')=='none'){$('button').css('background','#fff url(http://png-3.findicons.com/files/icons/2260/iphone_toolbar/26/plus.png) no-repeat center center')}
  else{$('button').css('background','')}

Đoạn HTML ở trên hình như viết thiếu gì đó
});
});

[Méo Hắc Hắc]

ờm
thiếu dấu >
bác cũng để cho mấy dấu }); ra ngoài khung code còn gì

vấn đề là nó mất background khi click, click lại nó cũng không hiện lại

[handsomevip007]

Demo online đi

[Méo Hắc Hắc]

http://fcamusement.forumvi.com/ nút ẩn box ấy
mà demo online này nặng lắm đấy nhé load hơi chậm đấy

[handsomevip007]

CSS

Code:

.naythianh{
background-image: url(http://png-3.findicons.com/files/icons/2260/iphone_toolbar/26/plus.png)!important;
}

JS

Code:

$('.buttonchobox').click(function(){$(this).parents().next().toggle();$(this).toggleClass('naythianh')});

Không được bỏ nghề luôn không làm nữa

[K.-Kun]

Không được bỏ nghề luôn không làm nữa

Không được này QAQ

	Tin nhắn từ điều hành viên:
	Không được thì thôi Đừng hỏi nữa

[Méo Hắc Hắc]

May quá bác không bỏ nghề rồi
Mà để .parents().next() thì lỡ:

Code:

<a>
  <b>
    <c>
      <d>
        <e></e>
      </d>
      <f></f>
    </c>
    <g></g>
  </b>
  <h></h>
</a>
<i></i>


tất cả parent của các thẻ trên kia sẽ được chọn, cộng cái .next() thì tất cả thẻ kế tiếp là <f><g><h><i> sẽ mất hết thì sao?

[handsomevip007]

Có thể giới hạn lại dạng như sau

Code:

$('e').parents('d').next()

Như vậy thì nó chỉ lấy tới thẻ d

[ligerv]

Có thể giới hạn lại dạng như sau

Code:

$('e').parents('d').next()

Như vậy thì nó chỉ lấy tới thẻ d

mình nghĩ là chỉ cần để

Code:

$('e').parents()

thì nó cũng chỉ lấy thẻ d thôi chứ nhỉ   

[handsomevip007]

À ;> Chỗ này có 2 cái
.parent()
http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_traversing_parent
.parents()
http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_traversing_parents_multiple

[Sponsored content]