不能動態地改變H3文本，jQuery的

需要使用不能動態地改變H3文本，jQuery的

$('.partOfMachine').hover(function(){ 
 
\t \t $(this).addClass('thisPart'); 
 
\t \t var nPart = $(this).data('namePart'); 
 
\t \t $('#textPart').text(nPart); 
 
\t }, function(){ 
 
\t \t $(this).removeClass('thisPart'); 
 
\t \t $('#textPart').text('Модель состовляющих завода'); 
 
\t });

<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>

需要使用

來源

2015-03-13 Bayram Muhiyew

複製到http://stackoverflow.com/questions/23592030/get-data-attribute – 2015-03-13 11:36:48

先搜索，再請教問題，請... – 2015-03-13 11:43:22

用途dynamicaly查數據屬性更改H3文本dynamicaly查數據屬性更改H3文本var nPart = $(this).attr('data-namePart');或使屬性名稱小寫data-namepart，然後$(this).data('namepart')將工作

來源

2015-03-13 11:16:20

非常感謝，改爲小寫和其確定））） – 2015-03-13 11:51:13

您還可以使用jquerys獲取html屬性值.attr()功能，像這樣：

var nPart = $(this).attr('data-namePart')

來源

2015-03-13 11:27:28

感謝您指出了 – 2015-03-13 11:45:34

不能動態地改變H3文本，jQuery的

回答

相關問題