CODEWITHSUNDEEP
javascriptjqueryhtml
user470760
user470760

Reputation:

Find next input element in DIV using JQuery

The API method I am using takes a list of parameters in the form of Dictionary<string,string>. I am building the inputs for this dynamically with JavaScript, where I have a DIV row and then two inner DIV cells, one for the parameter name and one for the parameter value input.

I can use .each() to loop through each of the parameter name DIVs but need to figure out how to get the value of the input which is displayed directly after it.

With the following pseudo code to show the idea, what would be the best approach where I could get the parameter values together?

CSS Table:

consumedValues.innerHTML += "<div class='valuesRow'>";
consumedValues.innerHTML += "<div class='valuesCellName'>" + consumesItem + "</div><div class='valuesCellValue'><input type='text'></div>";
consumedValues.innerHTML += "</div>";

Parameter Dictionary:

var parameters = {};

$('.valuesCellName').each(function(index)
{
    parameters[$(this).html()] = "INPUT_VALUE_HERE";
});

Upvotes: 0

Views: 1545

Answers (1)

epascarello
epascarello

Reputation: 207501

Since they are siblings, Use next()

$(this).next().find("input").val()

Upvotes: 1

Related Questions