使用 jQuery 调用 DOM HTML

Call an DOM HTML with jQuery

本文关键字：HTML DOM 调用 jQuery 使用      更新时间：2023-09-26
<h1 class="entry-title">
    <a rel="bookmark" href="http://192.168.100.103/wp-final/?p=59">Featured Image Format</a>
</h1>

嗨，我想在entry-title类之后用jQuery添加一些css，所以我称之为。如果我使用$("h1.entry-title").text().DOM 值仅为 Featured Image Format 。我也想<a href="...">被包括在内。我应该使用什么语法？

---编辑---

$.fn.fontcolor = function( options ) {
    var t = $("h1.entry-title").text();
    var splitT = t.split(" ");
    var halfIndex = Math.round(splitT.length / 3);
    var newText = "";
    for (var i = 0; i < splitT.length; i++) {
        if (i == halfIndex) {
            newText += "<span style='color:#337ab7'>";
        }
        newText += splitT[i] + " ";
    }
    newText += "</span>";
    return this.each(function(){
        el = $(this);
        el.html(newText);
    });
}

谢谢。

你需要使用 .html() 而不是 .text() ：

$("h1.entry-title").html()

$("h1.entry-title *").css('prop', 'value');

将 CSS 应用于 H1 中除 H1 标签之外的所有元素

$("h1.entry-title").css('prop', 'value');

为 H1 标签应用 CSS

相关文章：