从具有相同类jquery的多个div中查找文本

时间:2014-07-01 07:41:28

标签: php jquery

    <div class="textbox-fill-mid">
        <div style="display:none;" class="bbit-cs-id">171</div>
        <div style="cursor:pointer;" >adad</div>
    </div>
    <div class="textbox-fill-mid">
        <div style="display:none;" class="bbit-cs-id">11</div>
        <div style="cursor:pointer;" >adad</div>
    </div>
    <div class="textbox-fill-mid">
        <div style="display:none;" class="bbit-cs-id">41</div>
        <div style="cursor:pointer;" >adad</div>
    </div>

我的网址:localhost/pr1/ev.php?eid=41

if(isset($_GET['eid']))
{
    echo "<div id='notifi_event_id'>".$_GET['eid']."</div>";
}

使用jquery

var notifi_event_id=$('#notifi_event_id').text(); // having 41

我知道所有具有不同值的元素都位于.bbit-cs-id中,但我不知道如何找到任何具有41或不具有41的.bbit-cs-id,

4 个答案:

答案 0 :(得分:3)

希望这也会对你有所帮助

var is41=false;
$('.bbit-cs-id').each(function(i,data){
    if($(this).text()=='41')
        is41=true;
});
alert(is41);

http://jsfiddle.net/ilaiyaraja/AE9zy/1/

答案 1 :(得分:2)

要查找包含特定文本值的元素,您需要使用filter()

var notifi_event_id = $('#notifi_event_id').text(); // = 41
var $bbit = $('.bbit-cs-id').filter(function() {
    return $(this).text() == notifi_event_id;
});

// you can then do something with the matching element:
$bbit.addClass('foo');

Example fiddle

答案 2 :(得分:1)

使用jQuery :contains运算符查找文本内容:

if($('.bbit-cs-id:contains(41)').length){
    console.log($('.bbit-cs-id:contains(41):first')); //print the first element.

    //update the parent or the sublink.
    $('.bbit-cs-id:contains(41):first').next().css({color:'red'});
    $('.bbit-cs-id:contains(41):first').parent().css({border:'1px solid gray'});
}

Fiddle

注意: 如果此div只是为了保存某些内容的ID ...为什么不对容器使用data属性?:

<div class="textbox-fill-mid" data-id="41"> 
   <div style="cursor:pointer;" >adad</div>
</div>  
<script>
    $('.textbox-fill-mid[data-id=41]');
</script>

答案 3 :(得分:0)

您可以使用此语法访问每个div:

var cases = $('div.bbit-cs-id').each(function()
{
    // You access each object with : $(this)
    // So you can access Text with the following line :
    console.log($(this).html());
});