Question

我在div上选择id时遇到问题。我在div上使用while循环所以我在我的sql上使用id行创建一个唯一的ID。我的问题是，是否可以使用Javascript选择ID？我使用bootstrap模式来更新我的信息细节（我实际上不知道如何提出这个问题，因为我的英语很差）。

示例：

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

Answer 1

修复您的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）添加到名为＆＃34的PHP代码类中;详细信息＆＃34; 2）创建一个javascript来选择所有具有类名称的项目＆＃34; details＆＃34; 3）对所选项目执行foreach循环并将其拆分为＆＃34; - ＆＃34;分配＆＃34;详细信息＆＃34;从实际ID 4）使用ID

做任何你想要的事情

实用展示：

腓：

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

Answer 2

至于我对您的代码的理解，您希望从数据库中创建一个包含id详细信息的div。为此，您应该将您的代码更正为给定的吹扫

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

如果选择它并使用jQuery / javascript执行某些操作是个问题，您可以参考官方API文档 This link

如何选择id

2 个答案: