需要使用动态 cha 数据属性更改 h3 文本
$('.partOfMachine').hover(function(){
$(this).addClass('thisPart');
var nPart = $(this).data('namePart');
$('#textPart').text(nPart);
}, function(){
$(this).removeClass('thisPart');
$('#textPart').text('Модель состовляющих завода');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="machinery">
<h3 class="text-center" id="textPart">Модель состовляющих завода</h3>
<a href="recycling.php"><div class="partOfMachine" id="recyclingPart" data-namePart="Переработка"></div></a>
<a href="cutting.php"><div class="partOfMachine" id="cuttingPart" data-namePart="Резка"></div></a>
<a href="aging.php"><div class="partOfMachine" id="firstAgingPart" data-namePart="Выдержка сырья"></div></a>
<a href="moulding.php"><div class="partOfMachine" id="blockMouldingPart" data-namePart="Блок-формовочное оборудование"></div></a>
<a href="expanding.php"><div class="partOfMachine" id="expandingPart" data-namePart="Предвспениватели"></div></a>
<a href="aging.php"><div class="partOfMachine" id="secondAgingPart" data-namePart="Выдержка сырья"></div></a>
<a href="moulding.php"><div class="partOfMachine" id="shapeMouldingPart" data-namePart="Фигурно-формовочное оборудование"></div></a>
</div>
需要使用动态 cha 数据属性更改 h3 文本
最佳答案
使用 var nPart = $(this).attr('data-namePart');
或使属性名称小写 data-namepart
,然后 $ (this).data('namepart')
将起作用
关于jquery - 无法使用数据属性动态更改 h3 文本,jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29030380/