Здесь мой код:
<div class="FHD">
<div class="FHFD">
<div class="FHD">
<div class="FHVD">AA</div>
<div class="FHFD">AB</div>
</div>
</div>
<div class="FHVD">B</div>
</div>
У меня есть FHD div, который имеет некоторую высоту x, FHFD - это высота y.
Теперь я хочу применить высоту к FHVD как xy с помощью js, так что, когда даже высота FHD изменяется, только высота FHVD должна измениться, а FHFD не изменит ее высоту.
Я хочу обобщить код как
window.onresize = function(event) {
$('.FHC').each(function(){
//here i want to get the height of FHFD div using
//$(this +' .FHFD").height()
//somthing like this
});
}
Заранее спасибо...
попробуй что-нибудь вроде этого
window.onresize = function(event) {
$('.FHD').each(function(){
$(this).find('.FHVD').height( $(this).height);
});
}
$('.FHC').each(function(){
console.log( $(this).height());
});
попробуй это:
window.onresize = function(event) {
$('.FHC').each(function(){
var heightFHFD = $(this).find('.FHFD').height()
});
}
Вы можете сделать это с помощью .children()
:
$('.FHC').each(function(){
var height = $(this).children('.FHFD').height();
console.log(height);
});
$(window).on('resize', function...)
. Кроме того, избегайте сборки селекторов CSS из строк, если можете - это одна из причин, почему :)$('.FHC')
? или это опечатка?