如何使用jquery获取div的值

这里是我的HTML：

<div class="DataRow" data-vendorid="67"> 
    <div class="DataColumn" style="width: 60%;"> 
     Barracuda 
    </div> 
    <div class="DataColumn" style="width: 20%; text-align: center;"> 
     1 
    </div> 
    <div class="DataColumn" style="width: 20%; text-align: center;"> 
     2 
    </div> 
</div>

这里是我的Jquery：

$(function() { 
    $('.DataRow').click(function() { 
     // get value: Barracuda 
    }); 
});

来源

2012-05-15 Chris Levine

'.DataRow' div中有3个div。你想获得第一个div值吗？如果你想梭子鱼，你可以使用：首先在儿童和获得它.text（） –

已经全部回答：[如何在元素中找到一个元素]（http://stackoverflow.com/questions/7386100/how -to-找到-AN-元件中之一个元件）。 jQuery [selector]（http://api.jquery.com/category/selectors/）和[遍历]（http://api.jquery.com/category/traversing/tree-traversal/）包含有关所有您可以使用的方法来查找某个元素。然后看看[选择内部文本（jQuery）]（http://stackoverflow.com/questions/1644342/select-inner-text-jquery）。 –

我觉得这是最初的重复，但考虑到他在子div上没有独特的类，我认为这对于JQuery初学者来说是一个棘手的问题，并且在如何解决/什么关键字方面不是很明显在零开始。 –

$(function() { 
    $('.DataRow').click(function() { 
     alert($(this).find(':first-child').text()); 
    }); 
});

或者：

$(function() { 
    $('.DataRow').click(function() { 
     alert($(this).children().first().text()); 
    }); 
});

来源

2012-05-15 15:28:08 xandercoded

这里是Xander的答案：http://jsfiddle.net/jW4Q2/ –

你也可以使用此：

var value=$(".DataColumn").html();

来源

2012-05-15 15:29:08

为了得到第一子项的内容：

$('.DataRow').click(function() { 
    var first = $(this).children(":first").html(); 
});

要获得第三子项的内容：

$('.DataRow').click(function() { 
    var third = $(this).children(":eq(2)").html(); 
});

来源

2012-05-15 15:29:26 VisioN

如果您需要获得点击的内容它可能会帮助你。

$(function() { 
    $('.DataRow').click(function (event) { 

     alert(event.target.innerHTML); 
    }); 
});

DEMO 1

如果需要只得到第一个值：

$('.DataRow').click(function() { 
    var first = $(this).children().eq(0).html(); 
    alert(first); 
});

DEMO 2

来源

2012-05-15 15:31:28

如果您需要获得唯一的 “Baracuda”，即第一个div中文字，你可以像这样使用innerHTML：

$(function() { 
    $('.DataRow').click(function() { 
     // get value: Barracuda 
     alert($(this).children("div")[0].innerHTML); 
    }); 
});

这是example。

来源

2012-05-15 15:31:35

你在URL中的例子是绝对错误的。请修改它。 –

如何使用jquery获取div的值

回答

相关问题