jQuery 遍历 - nextUntil() 方法
ਉਦਾਹਰਣ
ਮੰਗਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ <dt id="term-2"> ਦੇ ਸਾਥੀ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਮਿਲਾਉਣ ਤੱਕ <dt> ਅਤੇ ਉਨ੍ਹਾਂ ਨੂੰ ਲਾਲ ਪਿੱਛੋਕੜ ਰੰਗ ਵਿੱਚ ਰੰਗ ਦਿੰਦਾ ਹੈ।ਸਾਥੇ ਹੀ <dt id="term-1"> ਦੇ <dd> ਸਾਥੀ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਮਿਲਾਉਣ ਤੱਕ <dt id="term-3"> ਅਤੇ ਉਨ੍ਹਾਂ ਨੂੰ ਨੀਲੇ ਰੰਗ ਵਿੱਚ ਲਿਖਣ ਵਾਲੇ ਚਿੱਤਰ ਰੰਗ ਵਿੱਚ ਰੰਗ ਦਿੰਦਾ ਹੈ。
$("#term-2").nextUntil("dt").css("background-color", "red");
var term3 = document.getElementById("term-3");
$("#term-1").nextUntil(term3, "dd").css("color", "blue");
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ
nextUntil() ਹਰ ਐਲੀਮੈਂਟ ਦੇ ਸਾਰੇ ਅਨੁਸ਼ਾਸਨਕ ਸਾਥੀ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਮਿਲਾਉਂਦਾ ਹੈ ਜਿਨ੍ਹਾਂ ਨੂੰ ਚੋਣਕਰਤਾ, DOM ਨੋਡ ਜਾਂ ਪਾਸ ਕੀਤੇ ਗਏ jQuery ਆਬਜੈਕਟ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਹਨ ਨਹੀਂ。
ਗਰੰਥ 1
.nextUntil(selector,filter)
| ਪੈਰਾਮੀਟਰ | ਵਰਣਨ |
|---|---|
| selector | ਸਟਰਿੰਗ ਮੁੱਲ ਜੋ ਮੈਲ ਖਾਣ ਵਾਲੇ ਅਨੁਸ਼ਾਸਨਕ ਸਾਥੀ ਐਲੀਮੈਂਟਾਂ ਦੀ ਖੋਜ ਰੁਕਣ ਵਾਲੇ ਚੋਣਕਰਤਾ ਐਕਸਪ੍ਰੈਸ਼ਨ ਨੂੰ ਸਮੇਤ ਹੈ。 |
| filter | ਸਟਰਿੰਗ ਮੁੱਲ ਜੋ ਐਲੀਮੈਂਟ ਨੂੰ ਮੇਲ ਖਾਣ ਵਾਲੇ ਚੋਣਕਰਤਾ ਐਕਸਪ੍ਰੈਸ਼ਨ ਨੂੰ ਸਮੇਤ ਹੈ。 |
ਗਰੰਥ 2
.nextUntil(element,filter)
| ਪੈਰਾਮੀਟਰ | ਵਰਣਨ |
|---|---|
| element | ਇਹ ਦਿਸ਼ਾ ਦਿੰਦੀ ਹੈ ਕਿ ਕਿਥੇ ਮੈਲ ਖਾਣ ਵਾਲੇ ਅਨੁਸ਼ਾਸਨਕ ਸਾਥੀ ਐਲੀਮੈਂਟਾਂ ਦੀ ਖੋਜ ਰੁਕੇ |
| filter | ਸਟਰਿੰਗ ਮੁੱਲ ਜੋ ਐਲੀਮੈਂਟ ਨੂੰ ਮੇਲ ਖਾਣ ਵਾਲੇ ਚੋਣਕਰਤਾ ਐਕਸਪ੍ਰੈਸ਼ਨ ਨੂੰ ਸਮੇਤ ਹੈ。 |
ਵਿਸਤ੍ਰਿਤ ਵਿਸ਼ਲੇਸ਼ਣ
ਜੇਕਰ ਤੁਸੀਂ ਇੱਕ DOM ਐਲੀਮੈਂਟ ਕੈਟਾਗਰੀ ਦੇ ਰੂਪ ਵਿੱਚ ਜੇਕਰੀ ਆਬਜੈਕਟ ਦੇ ਰੂਪ ਵਿੱਚ ਦਿੱਤਾ ਹੈ ਤਾਂ .nextUntil() ਮੈਥਡ ਸਾਨੂੰ DOM ਟ੍ਰੀ ਵਿੱਚ ਐਲੀਮੈਂਟ ਦੇ ਬਾਅਦ ਦੇ ਸਾਥੀ ਐਲੀਮੈਂਟਾਂ ਦੀ ਖੋਜ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ ਜਦੋਂ ਉਹ ਮੈਥਡ ਦੇ ਪੈਰਾਮੀਟਰ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਐਲੀਮੈਂਟ ਨੂੰ ਮਿਲਦੇ ਹਨ ਤਾਂ ਖੋਜ ਰੁਕਦੀ ਹੈ।ਨਵਾਂ ਜੇਕਰੀ ਆਬਜੈਕਟ ਸਾਰੇ ਅਨੁਸ਼ਾਸਨਕ ਸਾਥੀ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਸਮੇਤ ਹੈ ਜਿਨ੍ਹਾਂ ਨੂੰ ਪੈਰਾਮੀਟਰ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਛੱਡ ਦਿੰਦਾ ਹੈ。
ਜੇਕਰ ਚੋਣਕਰਤਾ ਨਾਲ ਮੇਲ ਨਹੀਂ ਖਾਂਦਾ ਹੈ ਜਾਂ ਚੋਣਕਰਤਾ ਨਿਰਧਾਰਿਤ ਨਹੀਂ ਕੀਤੀ ਗਈ ਹੈ ਤਾਂ ਉਹ ਸਾਰੇ ਅਨੁਸ਼ਾਸਨਕ ਸਾਥੀਆਂ ਨੂੰ ਚੁਣਦਾ ਹੈ; ਜੇਕਰ ਫਿਲਟਰ ਦੇ ਰੂਪ ਵਿੱਚ ਚੋਣਕਰਤਾ ਨਹੀਂ ਦਿੱਤਾ ਗਿਆ ਹੈ ਤਾਂ ਇਹ ਮੈਥਡ ਚੁਣਦਾ ਐਲੀਮੈਂਟ ਨੂੰ .nextAll() ਮੈਥਡ ਦੇ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੈ。
ਜੇਕਰ ਤੁਸੀਂ jQuery 1.6 ਵਿੱਚ DOM ਨੋਡ ਜਾਂ jQuery ਆਬਜੈਕਟ ਦੇ ਬਜਾਏ ਚੋਣਕਰਤਾ ਨੂੰ .nextUntil() ਮੈਥਡ ਵਿੱਚ ਪਾਸ ਕਰਦੇ ਹੋ ਤਾਂ ਉਹ ਐਲੀਮੈਂਟ ਨੂੰ .nextUntil() ਮੈਥਡ ਵਿੱਚ ਪਾਸ ਕਰਦਾ ਹੈ。
ਇਹ ਮੈਥਡ ਇੱਕ ਵਿਕਲਪੀ ਚੋਣਕਰਤਾ ਐਕਸਪ੍ਰੈਸ਼ਨ ਦੇ ਰੂਪ ਵਿੱਚ ਆਪਣੇ ਦੂਜੇ ਪੈਰਾਮੀਟਰ ਨੂੰ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ।ਜੇਕਰ ਇਹ ਪੈਰਾਮੀਟਰ ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਗਿਆ ਹੈ ਤਾਂ ਉਹ ਇਹਨਾਂ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਫਿਲਟਰ ਕਰੇਗਾ ਜੋ ਇਸ ਚੋਣਕਰਤਾ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਹਨ।
