有這個 html 代碼:
<div class="wcpa_form_outer" data-attrrelated="["wcpa-select-1658734650073"]">
為此,我正在嘗試向其附加 html。我嘗試了各種方法,但都沒有奏效。
jQuery('.wcpa_form_outer[data-attrrelated="["wcpa-select-1658734650073"]"]').append('some html here');
或者
jQuery('.wcpa_form_outer[data-attrrelated="[wcpa-select-1658734650073]"]').append('some html here');
或者
jQuery('.wcpa_form_outer').data('attrrelated').append('some html here');
任何線索?
uj5u.com熱心網友回復:
屬性值中的"and/or[]可能是問題洗掉它,或者嘗試使用屬性值的一部分(最相關的部分?):
$('[data-attrrelated*="1658734650073"]')
.append('some html here!');
$('[data-attrrelated*="wcpa-select-165873465007"')
.append('<br>some html here too!');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wcpa_form_outer" data-attrrelated="["wcpa-select-1658734650073"]"></div>
uj5u.com熱心網友回復:
問題是您"在屬性中使用了 HTML 物體。這被翻譯成字面引述。JQuery 不進行物體轉換,因此它實際上是在查找["wcpa-select-1658734650073"]帶有 & 符號的字串,而不是["wcpa-select-1658734650073"]屬性中的實際值。
您可以使用以下方法之一解決此問題(在將物體轉換為代碼中的引號之后)。
- 為您的屬性 ( ) 使用 CSS“包含”選擇器
attr*=value(由 KooiInc 的回答證明)或 - 使用一個字串模板,它允許您在字串中嵌入兩種型別的引號并獲得完全匹配 (
attr=value),如下所示 - 使用字串連接構造包含引號的字串值(例如
'["' value '"]') - 在嘗試查找之前使用此答案
decodeEntities中的函式來翻譯您的屬性值(未經測驗,已有 10 年歷史)
jQuery(`.wcpa_form_outer[data-attrrelated='["wcpa-select-1658734650073"]']`).append('foo')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wcpa_form_outer" data-attrrelated="["wcpa-select-1658734650073"]">append here:
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/537257.html
