2015-10-17 51 views
-1

我在選擇div上的id時遇到問題。我在我的div上使用了一個while循環。
因此,我使用我的sql上的id行創建了一個唯一的ID。我的問題是,是否有可能使用JavaScript選擇id?我使用bootstrap模式來更新我的信息細節(我實際上不知道如何問這個問題,因爲我的英語很差)。如何選擇ID

例如:

while($row = mysqli_fetch_array($result)) { 
    <div id="'details-'<?php echo $row['Room_ID'];?>"> 
    //code 
    </div> 
} 
+2

'文件執行使用jQuery/JavaScript的,你可以參考官方API文檔的一些操作。的getElementById( 「YOUR_ID」)'? –

+0

爲所有使用該模式創建的div添加一個類,然後僅用分隔符var id = element.split(' - ')[1] //您的id獲取該元素的id。 – SebastianGreen

回答

2

要解決你的PHP代碼:

while($row = mysqli_fetch_array($result)) { 
    echo "<div id='details-" . $row['Room_ID'] ."'>"; 
     // CODE 
    echo "</div>"; 
} 

你的ID,在這裏你將'已經停止值有問題,所以結果是什麼如:

<div id='details-'28>//Code</div>並固定爲<div id='details-28'>//Code</div>

,並選擇使用純JavaScript的ID使用document.getElementById(ID)

如果你不能確定的ID,你只是想選擇所有項目,添加一個類的項目,並通過document.getElementsByClassName

全部選中因此,選擇由JavaScript的所有東西:

1)添加到您所謂的「詳細信息」 2)PHP代碼類創建一個JavaScript來選擇與類名「細節」 3)做foreach循環的所有項目選中的項目並用「 - 」分隔,以區分「細節」 Ë實際ID 4)你現在用的ID

實用展示想要的:

PHP的:

while($row = mysqli_fetch_array($result)) { 
    echo "<div class='details' id='details-" . $row['Room_ID'] ."'>"; 
     // CODE 
    echo "</div>"; 
} 

的JavaScript:

<script> 
var itemDetails = document.getElementsByClassName("details"); 

for(var i = 0; i < itemDetails.length; i ++) { 
    var ID = itemDetails[i].getAttribute("id").split("-")[1]; 
    // Now you got the ID stored in the variable ID 
</script> 

Here you got an example on JSFiddle

0

至於正如我對你的代碼的理解,你是想要從數據庫中創建一個帶有ID詳細信息的div。對於您應該糾正你的代碼給自爆

<?php while($row = mysqli_fetch_array($result)) { echo "<div id='details-'". $row['Room_ID'];">"; //code echo "</div>"; } ?>

如果問題來選擇它,並在 This link