Подскажите как сократить запись jQuery
Есть запись, как бы ее сделать универсальной чтобы не повторять одно и тоже, спс
Код:
$(".a1").click(function(){
$('.svA1').css("border-color","green");
return false;
});
$(".a2").click(function(){
$('.svA2').css("border-color","green");
return false;
});
$(".a3").click(function(){
$('.svA3').css("border-color","green");
return false;
});
$(".a4").click(function(){
$('.svA4').css("border-color","green");
return false;
});
$('.svA1').css("border-color","green");
return false;
});
$(".a2").click(function(){
$('.svA2').css("border-color","green");
return false;
});
$(".a3").click(function(){
$('.svA3').css("border-color","green");
return false;
});
$(".a4").click(function(){
$('.svA4').css("border-color","green");
return false;
});
В результате получил вот такое:
Понятное дело что обічній ID лучше не трогать, просто я немного запамятовал о .data("id"); и вспомнил о обычной JS.
На этом пожалуй все, спс ребята!
Понятное дело что обічній ID лучше не трогать, просто я немного запамятовал о .data("id"); и вспомнил о обычной JS.
На этом пожалуй все, спс ребята!
Код:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".fff").click(function() {
var ID = jQuery(this).data("id");
alert("ID:"+ID);
});
});
</script>
<div class="fff" data-id="aaa">aaa</div>
<div class="fff" data-id="bbb">bbb</div>
<script>
$(document).ready(function(){
$(".fff").click(function() {
var ID = jQuery(this).data("id");
alert("ID:"+ID);
});
});
</script>
<div class="fff" data-id="aaa">aaa</div>
<div class="fff" data-id="bbb">bbb</div>
Код:
$("[class^='a']").click(function(){
$('[class^="svA"]').css("border-color","green");
return false;
});
$('[class^="svA"]').css("border-color","green");
return false;
});
Подробнее на http://anton.shevchuk.name/javascript/jquery-for-beginners-selectors/
за справочку спс, но код не работает в моем случае. Это должно быть что так как в обычной java, передавать цифпу в или целое имя в запросе при клике.
Код:
onclick="clickME('b1');"
Цитата: order.daemon
за справочку спс, но код не работает в моем случае. Это должно быть что так как в обычной java, передавать цифпу в или целое имя в запросе при клике.
Код:
onclick="clickME('b1');"
В событии получить id можешь так:
Код:
var ID = $(event.target).attr('id');
Получилось вот такое. При нажатии на класс = fff скрипт берет имя ID и выведит его на экран.
Парни спасибо...
Парни спасибо...
Код:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".fff").click(function() {
var ID = jQuery(this).attr("id");
alert("ID:"+ID);
});
});
</script>
<div class="fff" id="aaa">aaa</div>
<div class="fff" id="bbb">bbb</div>
<script>
$(document).ready(function(){
$(".fff").click(function() {
var ID = jQuery(this).attr("id");
alert("ID:"+ID);
});
});
</script>
<div class="fff" id="aaa">aaa</div>
<div class="fff" id="bbb">bbb</div>
Вообще в контексте начального вопроса для использования дальше, для обработки, substr и т. п. id не особо предназначен. Лучше использовать HTML5-аттрибуты data-* и получать их $('selector').data('')
А маленький примерчик можно ...
Хотя получать данные с ID проще, не нужно отдельно заполнять еще один параметр.
Хотя получать данные с ID проще, не нужно отдельно заполнять еще один параметр.
Цитата: order.daemon
А маленький примерчик можно ...
Хотя получать данные с ID проще, не нужно отдельно заполнять еще один параметр.
Хотя получать данные с ID проще, не нужно отдельно заполнять еще один параметр.
Да собственно как ваш, только id в тэге заменить на какой-нибудь data-id, а jQuery(this).attr("id"); на jQuery(this).data("id");
Просто элемент с id - это отдельная ветка в DOM-дереве и немного больше памяти. Если вы элементы по id не выбираете (а у вас тут идёт выбор по классу), то лучше id и не трогать. Попробуйте поставить где-нибудь 10к таких элементов на страницу и сравнить, какой код будет больше памяти есть.