Question

我有以下脚本，我会检测一个单词然后替换它，再添加一个新的div，但是我似乎无法添加带有换行符的长段落。我尝试过使用段落和换行标记，但似乎无法在插入css规则的同时附加如何附加

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(document).ready(function() {

        /*var doc = document.getElementById('paymentMethod').innerHTML;
        var res = doc.replace("Account customers", "Payment pending");
     document.getElementById("paymentMethod").innerHTML = res;*/


     if(document.getElementById('paymentMethod').innerHTML === "Account customers "){
        var doc = document.getElementById('paymentMethod').innerHTML;
        var res = doc.replace("Account customers", "Payment pending");
           document.getElementById("paymentMethod").innerHTML = res;


         document.getElementById('element').append("Payment Options:Bank payment,Bank details Direct into the PayPal account:  the phone by card to any of our Sales Team .Thank you for your order!");
         console.log("inserted");

         var eley = document.getElementById('element');

         }

     else
         console.log("not inserted");



    });
</script>

Answer 1

如果我理解正确，你想要附加一个元素，比如段落，并使用jQuery添加一些样式。 ¿OK？

为此，您可以使用两个 jQuery方法：append()和css()，将它们链接起来，如下所示：

 $("#element").append("<p>Your paragraph text here</p>").css('color', 'red');

（'color'是css规则的名称，'red'是值）

我认为问题是当你这样做时，你试图在非jQuery元素上使用append()：

document.getElementById('element').append(..........)

document.getElementById不是jQuery，只是vanilla js。

有关详细信息，请参阅：jQuery append()和jQuery css()

在添加css元素时附加到div

1 个答案: