第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

如何使用 JavaScript 獲取 while 循環(huán)（PHP）的值？

如何使用 JavaScript 獲取 while 循環(huán)（PHP）的值？

我在 PHP 中有這個(gè) while 循環(huán)<?phpwhile ($row = mysqli_fetch_assoc($getPosts)) {  $post_id = $row['post_id'];                   echo "<td><a rel='$post_id' id='get_post_id'  onclick='active_del_modal()'>Delete</a></td>";}   ?>    在這個(gè)循環(huán)中，當(dāng)我們點(diǎn)擊“刪除”鏈接時(shí)，變量“$post_id”的值發(fā)生變化。我想在它改變時(shí)獲得“$post_id”的值。我試過(guò)這個(gè) JS 代碼function active_del_modal() {   var x = document.getElementById("get_post_id").getAttribute("rel");  alert(x);}但它只給了我“$post_id”的最后一個(gè)值。我想在“$post_id”的每個(gè)值發(fā)生變化時(shí)獲取它，并且這個(gè)值應(yīng)該是單獨(dú)的，而不是像這個(gè) 23 46 545 545 等。我不想使用任何框架，如 jQuery。
查看完整描述

2 回答

?
慕仙森

TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超8個(gè)贊

  • ID在文檔中必須是唯一的。所以停止在循環(huán)中使用靜態(tài) ID。

  • 鏈接去某處。如果您不導(dǎo)航，請(qǐng)不要使用鏈接。如果你想點(diǎn)擊某些東西來(lái)觸發(fā) JS，請(qǐng)使用按鈕。如果您不喜歡按鈕的默認(rèn)外觀，請(qǐng)應(yīng)用 CSS。

  • 帖子 ID 不是一種關(guān)系。不要濫用rel屬性。（適當(dāng)?shù)挠梅?lèi)似于<a href="page2.html" rel="next">）data-*如果您需要將自定義數(shù)據(jù)與元素相關(guān)聯(lián)，請(qǐng)使用屬性。

  • 固有事件屬性有一堆與之相關(guān)的問(wèn)題。不要使用它們。請(qǐng)改用addEventListenerand friends。

function active_del_modal(event) {

  const button = event.target;

  const id = button.dataset.postId;

  console.log({

    id

  });

}


document.querySelector("#delete-buttons").addEventListener("click", active_del_modal);

button {

  border: none;

  background: none;

  colour: blue;

  cursor: pointer;

}


button:hover {

  text-decoration: underline;

}

<ul id="delete-buttons">

  <li><button type="button" data-post-id="$post_id">Delete</button></li>

  <li><button type="button" data-post-id="foo">Delete</button></li>

  <li><button type="button" data-post-id="bar">Delete</button></li>

</ul>


查看完整回答
反對(duì) 回復(fù) 2023-05-26
?
皈依舞

TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超3個(gè)贊

方法 1 - 最小變化


onclick='active_del_modal(this)' 

你可以使用


function active_del_modal(link) { 

  var x = link.getAttribute("rel");

  alert(x);

}

方法 2 - 更好：


window.addEventListener("load",function() {

  document.querySeletor("table").addEventListener("click",function(e) {

    const tgt = e.target, rel = tgt.getAttribute("rel");

    if (rel) alert(rel);

  })

})

我建議使用數(shù)據(jù)屬性而不是 rel：


如果將 id 更改為 class，則可以這樣做


window.addEventListener("load",function() {

  document.querySeletor("table").addEventListener("click",function(e) {

    const tgt = e.target;

    if (tgt.classList.contains("get_post_id")) {

      const id = tgt.dataset.id;

      console.log(id);

    }

  })

})

使用


echo "<td><a data-id='$post_id' class='get_post_id'>Delete</a></td>";

最后，如果鏈接應(yīng)該刪除該行，您可以這樣做


window.addEventListener("load",function() {

  document.querySeletor("table").addEventListener("click",function(e) {

    const tgt = e.target;

    if (tgt.classList.contains("delete")) {

      tgt.closest("tr").remove();

    }

  })

})

使用


echo "<td><button type="button" class='delete'>Delete</button></td>";


查看完整回答
反對(duì) 回復(fù) 2023-05-26
  • 2 回答
  • 0 關(guān)注
  • 134 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)