Question

如何使用id选择器在div中获取文本，在这种情况下使用jQuery获取test@test.com。

<div class="g10 edit_trader" id="email_54">test@test.com</div>

以下代码获取值email_54

$('edit_trader').attr('id')

我尝试使用

$('edit_trader').attr('id').val();
$('edit_trader').attr('id').text();
$('edit_trader').attr('id').html();

没什么作用。

谢谢..

Answer 1

id selector以#为前缀。因此，如果您想获取id = email_54的元素的内容，您可以这样做：

var text = $('#email_54').text();

如果您想使用class selector，则应使用。：

作为前缀

var text = $('.edit_trader').text();

但是当然在这种情况下，因为你可以有多个具有相同类的元素，所以你可能得到一个数组。

Answer 2

$('#email_54').html();

这就是你想要的

或

$('#email_54').text();

或者如果您正在尝试构建ID，那么请获取文本然后执行此操作：

var fooID = $('edit_trader').attr('id');
var fooText = $('#'+fooID).text();

或者如果您有许多元素，那么您需要循环或使用.each()，如下所示：

$('.edit_trader').each(funciton(i){
    var fooID = $(this).attr(id);
    var fooText = $('#'+fooID).text();
    //do  stuff now that you have the text in fooText
});

Answer 3

课程在他们面前有句号。如果ID是动态的，请使用.edit_trader [id]进行调用。 [id]将检查具有类edit_trader和ID的元素。这是因为您有多个带有edit_trader类的元素。此外，如果你知道动态ID的起源，你可以使用[id ^ =“email”]，例如。

这应该有效：

$('.edit_trader[id]').text()

请参阅jsfiddle。

如何使用jquery获取div的文本？

3 个答案: