Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Выбрать div с нужным классом из div, id которого меняется и поменять этот класс (https://javascript.ru/forum/jquery/32159-vybrat-div-s-nuzhnym-klassom-iz-div-id-kotorogo-menyaetsya-i-pomenyat-ehtot-klass.html)

Boeing747 05.10.2012 13:53

Выбрать div с нужным классом из div, id которого меняется и поменять этот класс
 
<div class="MenuExam" id="f" onclick="show('f','faqq')" style="cursor: pointer; margin-right: 4px">
<div class="leftME"></div>
<div class="contentME">FAQ</div>
<div class="rightME"></div>
</div>

Вот, таких блоков 4 с разными id. Нужно при измененеии id выбрать div с классом contentMe и изменить его на класс contentFirstME. Во, надеюсь понятно объяснил:) Помогите, народ

Dim@ 05.10.2012 14:07

var list = document.getElementsByClassName("contentME");
for (var i = 0; i < list.length; i++) {
  list[i].className = "contentFirstME";
}

Boeing747 05.10.2012 14:13

так это просто все классы поменяет. А нужно в именно в выбранном div.
ну вот кусок кода
<div id="mainMenuExam">
{literal}
<script>
function show(id, id2)
{
$('.contentFirstME').toggleClass('contentFirstME') .toggleClass('contentME');
$('.leftFirstME').toggleClass('leftFirstME').toggl eClass('leftME');
$('.rightFirstME').toggleClass('rightFirstME').tog gleClass('rightME');
$('.examTextarea').css('display', 'none');
$('#'+id2).css('display', 'block')
}
</script>
{/literal}
<div id="firstMenuExam" class="MenuExam" style="margin-left: 20px; margin-right: 4px; cursor: pointer;" onclick="show('firstMenuExam', 'include')" >
<div class="leftFirstME"></div>
<div class="contentFirstME">What’s Included</div>
<div class="rightFirstME"></div>
</div>
<div class="MenuExam" id="f" onclick="show('f','faqq')" style="cursor: pointer; margin-right: 4px">
<div class="leftME"></div>
<div class="contentME">FAQ</div>
<div class="rightME"></div>
</div>
{if $aTestimonials}
<div class="MenuExam" id="te" onclick="show('te', 'tes')" style="cursor: pointer; margin-right: 4px">
<div class="leftME"></div>
<div class="contentME">Testimonials</div>
<div class="rightME"></div>
</div>
{/if}
<div class="MenuExam" id="gr" onclick="show('gr', 'gua')" style="cursor: pointer; margin-right: 4px">
<div class="leftME"></div>
<div class="contentME">Guarantee</div>
<div class="rightME"></div>
</div>
</div><!-- #mainMenuExam -->

Boeing747 05.10.2012 14:15

там дальше идут блоки с классом examTextarea и в них просто текст

Boeing747 05.10.2012 16:18

Разобрался. Может быть кому-нибудь поможет:
$('div #'+id+'contentME').toggleClass('contentME').toggle Class('contentFirstME');

Boeing747 05.10.2012 16:19

ой
$('div #'+id+'.contentME').toggleClass('contentME').toggl e Class('contentFirstME');


Часовой пояс GMT +3, время: 13:59.