jquery获取标签内容

获取标签内容的方法

在jQuery中，可以通过多种方式获取HTML标签的内容，包括文本内容、HTML内容或表单元素的值。

获取文本内容

使用.text()方法可以获取匹配元素的文本内容，包括其所有后代元素的文本内容。这个方法会自动处理HTML标签，只返回纯文本。

var textContent = $('selector').text();

获取HTML内容

使用.html()方法可以获取匹配元素的HTML内容，包括其中的HTML标签。这个方法返回的是元素的innerHTML。

var htmlContent = $('selector').html();

获取表单元素的值

对于表单元素如input、select、textarea等，使用.val()方法可以获取其当前值。

var inputValue = $('input').val();

获取属性值

如果需要获取元素的特定属性值，可以使用.attr()方法。

var hrefValue = $('a').attr('href');

示例代码

<div id="example">
    <p>这是一个段落</p>
    <a href="https://example.com">链接</a>
    <input type="text" value="输入框内容">
</div>

<script>
    // 获取文本内容
    var text = $('#example').text();
    console.log(text); // 输出: "这是一个段落 链接"

    // 获取HTML内容
    var html = $('#example').html();
    console.log(html); // 输出: "<p>这是一个段落</p><a href="https://example.com">链接</a><input type="text" value="输入框内容">"

    // 获取表单元素值
    var inputVal = $('input').val();
    console.log(inputVal); // 输出: "输入框内容"

    // 获取属性值
    var href = $('a').attr('href');
    console.log(href); // 输出: "https://example.com"
</script>

注意事项

• .text()和.html()方法在获取内容时会包括所有匹配元素的内容。如果选择器匹配多个元素，.text()会合并所有元素的文本内容。
• .val()方法主要用于表单元素，对于其他元素可能返回undefined或空字符串。
• .attr()方法可以获取任何HTML属性的值，但如果属性不存在，则返回undefined。