我在一個頁面上有許多重復的 div，并試圖遍歷它們，獲取“contentBlock-heading”中的文本，最后將其附加到現有的 href 超鏈接。對于每個 href，最終結果應如下所示：'community-chat/registration?ccdatedesc=Thursday, March 17 @ 7 pm CT | 美國東部時間晚上 8 點：
<div class="contentBlock ">
<div class="contentBlock-media ">
<figure>
<img class="contentBlock-img" src="community-chat_620px.png" alt="alt text goes here">
</figure>
</div>
<div class="contentBlock-content">
<h2 class="contentBlock-heading">Thursday, March 17 @ 7 pm CT | 8 pm ET</h2>
<p><strong>Register to join </strong><sup>?</sup><strong>.</strong></p>
<p><a class="btn btn--secondary" href="community-chat/registration">Save My Spot</a></p>
</div>
</div>
我嘗試了以下方法：
<script type="text/javascript">
$( document ).ready(function() {
$('.contentBlock-content').each(function() {
var ccdatedesc = $(".contentBlock-heading").text();
$('.contentBlock-content a').attr('href', function(index, attr) {
return attr (attr.indexOf('?') >=0 ? '&ccdatedesc=' : '?') ccdatedesc;
});
});
});
</script>
這成功地將文本附加到 href，但不幸的是，將所有文本實體附加到每個 href：
href="community-chat/registration?&ccdatedesc=Thursday, March 17 @ 7 pm CT | 8 pm ETThursday, March 17 @ 7 pm CT | 8 pm ET&ccdatedesc=Thursday, March 17 @ 7 pm CT | 8 pm ETThursday, March 17 @ 7 pm CT | 8 pm ET">Save My Spot</a>
有什么可以幫我解決這個問題嗎？
uj5u.com熱心網友回復：
$( document ).ready(function() {
$('.contentBlock-content').each(function() {
var ccdatedesc = $(this).children(".contentBlock-heading").html();
$(this).find('a').attr('href', function(index, attr) {
return attr (attr.indexOf('?') >=0 ? '&ccdatedesc=' : '?') ccdatedesc;
});
});
});
作為一個快速說明，您不能在 url 中使用空格，因此如果您希望它實際作業，您實際上需要先對這些字串進行 url 編碼
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/439709.html
標籤：jQuery