jquery获取内容

使用jQuery获取内容的方法

获取文本内容

使用text()方法可以获取元素的文本内容。该方法返回指定元素及其所有子元素的合并文本内容。

var content = $('#elementId').text();

获取HTML内容

使用html()方法可以获取元素的HTML内容，包括标签。

var htmlContent = $('#elementId').html();

获取表单元素的值

使用val()方法可以获取表单元素（如input、select、textarea）的值。

var inputValue = $('#inputId').val();

获取属性值

使用attr()方法可以获取元素的属性值。

var hrefValue = $('#linkId').attr('href');

获取CSS属性值

使用css()方法可以获取元素的CSS属性值。

var colorValue = $('#elementId').css('color');

获取data属性值

使用data()方法可以获取元素的data-*属性值。

var userData = $('#elementId').data('user');

遍历元素内容

使用each()方法可以遍历多个元素并获取它们的内容。

$('.className').each(function() {
    var itemText = $(this).text();
    console.log(itemText);
});

获取父元素内容

使用parent()方法可以获取父元素的内容。

var parentContent = $('#childElement').parent().text();

获取子元素内容

使用children()方法可以获取子元素的内容。

$('#parentElement').children().each(function() {
    console.log($(this).text());
});

获取兄弟元素内容

使用siblings()方法可以获取兄弟元素的内容。

$('#elementId').siblings().each(function() {
    console.log($(this).text());
});