Passing variable to selector [closed] - javascript

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 5 years ago.
Improve this question
I know there are tonnes of answers to this question and all the answers are the same. I want to pass a variable to a selector. For example
var item = 'size_{{$item->size}}';
$("input[name="+item+"]").change(function () {
console.log('got it');
});
Let's say
{{$item->size}} == M // So the var item ='size_M'
This far the code is doing OK. There is no problem in item variable. But in the selector instead of getting size_M it's getting the item string itself.

actually i have to make this dynamic there may be lots of sizes like size_M,size_xxl, size_S and so on
in that case all you need is
https://api.jquery.com/attribute-starts-with-selector/
$( "input[name^='size_']" ).change(function () {
console.log('got it');
});

Related

How to get every element in an array in an if statement js [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 1 year ago.
Improve this question
So I’m trying to check names through an array and I don’t want to have to use
if (<array name>[0,1,2,3,4,5,6,7])
{ code in here }
depend on what you are trying to do u can use forEach or map
let arr = [1,2,3,4,5,6,7,8,9,10];
arr.forEach((item)=>{
console.log(`${item} is greater than 5 : ${item>5}`)
})

How to toggle class on and off depending if input field value [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 1 year ago.
Improve this question
If the input contains a whitespace, add classList 'invalid', otherwise remove it.
function idValidationAttacher() {
const id = document.querySelector('#newid');
id.addEventListener('input', id.classList.toggle('invalid', ));
}
const id = document.getElementById('newid');
id.addEventListener("input", () => {
if(id.value.includes(" ")) {
// Add the code to show the error here.
}
});

How to Display each variable of for loop in a div tag using javascript? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 2 years ago.
Improve this question
How to Display each variable of for loop in a div tag using javascript? Using innerHTML i am only able to display the last variable of for loop
You can do as follows, but it is better to use lists.
Lists: https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/ul
const myDreams = ["Fly", "Be rich", "Go to the moon"];
const myDreamsDiv = document.querySelector("#myDreams");
//The secret here is to add a breakline(<br>) between each word.
myDreams.forEach(dream => myDreamsDiv.innerHTML += (dream + "<br>"));
<div id="myDreams"></div>

Find an element that has a text value of 0? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
I need to find an element that's text value is 0.
I do:
var d = $('.content').find('div');
if(d.text().length === 0){
//do something
}
Is there a way to put the above logic in the selector?
I've tried:
var d = $('.content').find('div:empty');
But no luck as the div may have other empty html tags in.
Use a filter
var elems = $('.content').find('div').filter(function() { return $(this).text() == 0 });

Change the selector of a function in jquery [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I need some help. See if you can help me out.
I have a function whose form is:
$this.find(settings.selector).each(function(index) {
Anyway, depending on a variable can change the selector as follows:
$this.each(function(index) {
Can you give me some idea how to do it? I hope I have explained roughly.
Thank you.
You can use a temp variable like
var $els;
if (some_condition) {
$els = $this.find(settings.selector)
} else {
$els = $this;
}
$els.each(function (index) {});

Categories