Forum PHP.pl

Witajcie.

Mam oto taki kodzik w jQuery

[HTML] pobierz, plaintext 
<script type="text/javascript">
jQuery(function($) {
 
$('#buy_kp_button').hide();
 
$('#buy_kp_section').mouseover(function() {
  $('#buy_kp_button').toggle();
});
$('#buy_kp_section').mouseout(function() {
  $('#buy_kp_button').toggle();
});
 
$('#buy_obj_button').hide();
 
$('#buy_obj_section').mouseover(function() {
  $('#buy_obj_button').toggle();
});
$('#buy_obj_section').mouseout(function() {
  $('#buy_obj_button').toggle();
});
 
});
 
</script>
[HTML] pobierz, plaintext 

Czy da się w jQuery dodać jakąś zasadę, by zamiast dodawania dla kolejnych divów kolejne reguły zrobić jedną regułę jQuery, która by uwzględniała wszystkie reguły zawierające odpowiedni id?

Ten post edytował fastlone 2.10.2011, 16:17:01

Szczerze to nie zrozumiałem. Co do ID muszą być unikalne, klasy mogą się powtarzać, także dla podanego tutaj przykładu dodatkowo nadaj klasę i w jQuery przypisuj zdarzenie na klasę a nie na ID.

Chodzi mi o to, by zamiast kodu podanego w pierwszym poście zrobić kod a'la

[HTML] pobierz, plaintext 
    <script type="text/javascript">
    jQuery(function($) {
 
 
    $('#*_button').hide();
 
    $('#*_section').mouseover(function() {
    $('#*_button').toggle();
    });
    $('#*_section').mouseout(function() {
    $('#*_button').toggle();
    });
 
    });
 
    </script>
[HTML] pobierz, plaintext 

Znaczek * ma sugerować, że dany kod jQuery odnosi się do każdego div'a o podobnym id. Jest to jakby dowolna treść.

Ten post edytował fastlone 2.10.2011, 16:37:38

Użyj po prostu klas zamiast id i tyle.

No to napisałem w pierwszym swoim poście, skorzystaj z klas. (IMG:style_emoticons/default/wink.gif)

[HTML] pobierz, plaintext 
<style type="text/css">
.premiumone {
font-size: 10px;
color: #9F9F9F;
padding-left: 12px;
}
.premiumicon
{
background: url(./images/ipb3/star.png) no-repeat left center;
}
</style>
 
<script>
jQuery(function($) {
 
$('.buy_button').hide();
 
$('.buy_section').mouseover(function() {
  $('.buy_button').toggle();
});
$('.buy_section').mouseout(function() {
  $('.buy_button').toggle();
});
 
 
});
 
</script>
 
<div class="tloprofile2">
 
<table border="0" cellspacing="0" cellpadding="8" class="tborder" width='100%'>
<tr><td class='trow1' colspan="2">
<span style="font-size: 18px; font-family: Century Gothic;">Usługi</span>
 
</td></tr>
<tr class="buy_section">
<td class='trow1' width="130" valign="top"><span style="font-weight: bold; font-size: 14px;">Konto premium</span><br /><img src='gamepanel/premium_big.png' /></td>
<td class='trow1' valign="top">
tresc
<div class="buy_button">
<span class="post_buttons" style="float: right;">
<a href="#buy_kp" rel="facebox">
<span class="post_button">
<span style="text-decoration: none; color: black;"><img src="images/ipb3/star.gif" alt="" /> Zakup usługę</span>
</span>
</a>
</span></div>
 
</td>
</tr>
 
<tr class="buy_section">
<td class='trow1' width="130" valign="top"><span style="font-weight: bold; font-size: 14px;">Tworzenie obiektów</span><br /><img src='gamepanel/make_obj.png' /></td>
<td class='trow1' valign="top">
tresc
<div class="buy_button">
<span class="post_buttons" id="buy_obj_button" style="float: right;">
<a href="#buy_obj" rel="facebox">
<span class="post_button">
<span style="text-decoration: none; color: black;"><img src="images/ipb3/star.gif" alt="" /> Zakup usługę</span>
</span>
</a>
</span>
</div>
 
</td>
</tr>
 
</table>
 
</div>
[HTML] pobierz, plaintext 

Przy takim kodzie, czyli zastosowaniu klas, podczas najeżdżania na jednego div'a, pokazują się oba buttony - chcę, aby pokazał się tylko ten button, który należy do klasy, na którą najeżdżam.

@kaem
Dokładnie o takie coś mi chodziło. Bardzo pięknie dziękuję (IMG:style_emoticons/default/smile.gif)