php - 在 jquery 脚本中获取页面加载的 ID

Question

我有一个 PHP while 循环，我在其中动态生成#id。

例子 ：

<?php 
$i=1;
while ($row = mysqli_fetch_array($result)): 
?>

<tr>
<td class='hashtag' id='status<?php echo $i; ?>'>status value</td>
</tr>

<?php 
$i++;
endwhile: 
?>

状态 ID 生成如下：status1、status2、status3 等...

我希望我的 JS 代码中的所有这些 Id 在加载时将其显示到模式对话框中。

例子 ：

<script type="text/javascript">

$(document).ready(function(){

$("#status1");
$("#status2");
$("#status3");
.
.
and so on as per the php while loop.

});
</script>

我怎样才能做到这一点？

Answer 1

您可以使用“ Starts With ”选择器：

$('td[id^="status"]').each(function(index){
   alert($(this).attr("id"));
});

您可以指定选择器的范围以定位主 td

Answer 2

我会这样做：

更改您的 html

<td class='hashtag status'>status value</td>

然后js看起来是这样的：

$('.status').each(function(i, el){
    // the i value previously generated in php is here i += 1 if you need it
    i += 1;

    // here is your element. do whatever you want with it:
    $(el).text('I am cell ' + i);
});

Answer 3

$("td[id^='status']").each(function(el){
    console.log(this.id);
});

这将为您提供每个元素的 id。

如果您只想应用事件或插件，您可以通过 -

$("td[id^='status']").pluginName();

或者

$("td[id^='status']").on("click",function(){

});