How can you use the :contain() on an input field, e.g.
#inputfield contains a dynamic value of 5.938 and I want to use $("#inputfield:contains('5.938')").
But that won't work, I've provided a demo at jsFiddle.
I don't want to use if(element.val() == '5.938') because I need a provisional selector instead doing an if/else statement.
I also don't mean by using [value=5.938] because the value will change.
Due to @Neal's answer, you need to use some sort of conditional. A simple selector won't work. .filter() will suffice, however:
$('#inputfield').filter(function ()
{
return $(this).val() == '5.938';
});
That said, it looks like you're using an ID selector, which can select at most one element, so .filter() is overkill — if...else really makes the most sense in that case.
This should work:
$("#inputfield:text[value*='"+dynamicValue+"']").length
//will select text input #inputfield with a value containing dynamicValue.
$("#inputfield")
The answers here seem to get confusing as there isn't a clear explanation. When you set the value dynamically like:
$('#inputfield').val('5.938')
It does not work to get the value using the selectors like:
$('#inputfield[value="5.938"]')
There are a few workarounds for this. One is to use a filter:
var inputfield = $('#inputfield').filter(function () {
return $(this).val() == '5.938';
});
if (inputfield.length) {
alert("The input field has the value 5.938");
}
Or you could create your own selector:
(function($) {
$.extend($.expr[':'], {
val: function(el, i, attr) {
return $(el).val() === attr[3];
}
});
}(jQuery));
if ($('#inputfield:val("5.938")').length) {
alert("The input field has the value 5.938");
}
Manji's answer is simpler than the selected answer, although a simpler form again. I couldn't get this to work for me:
$("input[value='userID']").remove();
Concatenating the string to insert the dynamic variable works a treat instead though:
$("input[value='" + userID + "']").remove();
Obviously replace the .remove() with whatever you want to do with it.
You want to use the attribute selector:
$('#inputfield[value='+dynamicValue+']')
:contains is selecting a div. Maybe I'm missing what you're trying to do here? You can most definitely inject a dynamic value in an attribute selector; it has nothing to do with jQuery, it's basic JS string functionality.0 (i have no idea what browser shows otherwise)1. I don't know what's up with you getting different results. However with further testing if I wrap the value in quotes, then both FF and Chrome results 0. For example see: jsfiddle.net/pAWCQ The first alert is always 1, and the second alert is always 0, in both FF and Chrome.
:contains()doesn't work simply because it's not intended for use with thevalueattribute. Do you need to do stuff anytime the input's value becomes5.938?