Find data* attribute without specifying tag using jquery

Question

Playing around with making a small data binding javascript library but I'm a little newer to javascript. Is there a way to just find the element, and all enclosing elements that have the data-bind attribute defined?

<form data-bind="Customer">
    <input type="text" id="name" data-bind="Name" data-bind-type="text" />
    <input type="text" id="birthday" data-bind="Birthday" data-bind-type="text" />
    <input type="text" id="address" data-bind="Address" data-bind-type="text" />
</form>

I want to define a function where I just pass in the "Customer" value and it will find the tag that has the data-bind = "Customer" (form in this case) and all tags within said containing tag that have the data-bind attribute defined. In this case it would return all 3 input tags so that I could examine them further.

Everything I've seen using jquery to do this is showing that I would need to know the "form" or the tag id to do this, but I'd prefer not to have to specify tag (like form) or id.

What exactly are you having troubles with? Selecting an element by attribute value? — Felix Kling
– Felix Kling, Commented Jun 12, 2014 at 20:07

David Atchley · Accepted Answer · 2014-06-12 20:06:45Z

2

You can at all data-bind elements within a particular data-bind element in this way:

$('[data-bind="Customer"] [data-bind]');

If you want to wrap that in a function, for instance if you need to access other wrapper elements with a different data-bind attribute value, you could do:

function getBoundElms(name) {
    return $('[data-bind="' + name + '"] [data-bind]');
}

answered Jun 12, 2014 at 20:06

David Atchley

1,2048 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

QBM5 · Accepted Answer · 2014-06-12 20:03:20Z

0

$('[data-bind="Customer"]').children('[data-bind]')

look at this fiddle

http://jsfiddle.net/QBM5/M9eea/

answered Jun 12, 2014 at 20:03

QBM5

2,7882 gold badges19 silver badges26 bronze badges

Collectives™ on Stack Overflow

Find data* attribute without specifying tag using jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related