2015-10-17 58 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