jQuery if "this" contains
I don't think there is a There is a .contains
function in jQuery..contains
function but that function is used to see if a DOM element is a descendant of another DOM element. See documentation for .contains. (Credits to @beezir)
I think you are looking for :contains
selector. See below for more details,
$('#main-content-panel .entry:contains("Replace Me")').css('color', 'red');
http://jsfiddle.net/zatHH/1/
I think we should convert our text to lower case. It is better to check with lowercase and uppercase.
$('#main-content-panel .entry').each(function() {
var ourText = $(this).text().toLowerCase(); // convert text to Lowercase
if(ourText.match('replace me')) {
$(this).css('color', 'red');
}
});
:contains
is a selector. To check if a selector applies to given variable, you can use is
:
if($(this).is(':contains("Replace Me")'))
However Vega's solution is cleaner in this case.
you can use match
to find the text inside the particular element
$('#main-content-panel .entry').each(function() {
$(this).css('color', 'blue');
});
$('#main-content-panel .entry').each(function() {
if($(this).text().match('Replace Me')) {
$(this).css('color', 'red');
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="main-content-panel">
<div class="entry">ABC</div>
<div class="entry">ABC Replace Me</div>
<div class="entry">ABC</div>
<div class="entry">ABC Replace Me</div>
</div>