jquery selector для содержимого ярлыков

Question

Я хотел бы найти селектор jquery для ярлыка с определенным контентом.

Так со следующим HTML

<label for="foo1">Name</label> 
<input type="text" name="foo1" id="foo1" value="Fadime"/> 

<label for="foo2">SecondName</label> 
<input type="text" name="foo2" id="foo2" value="Alice"/> 

Я хочу, чтобы иметь возможность получить содержание «Fadime» путем доступа к нему через содержание этикетки предшествующему. Я не хочу использовать имя ввода или идентификатор, так как они автогенерируются и могут меняться. Содержание метки, хотя и останется прежним. Для второго имени, которое я знаю, что могу использовать:

var second_name = $("label:contains('SecondName')").next().val(); 

Однако, я не могу получить содержимое первого имени с:

var name = $("label:contains('Name')").next().val(); 

так, что будет соответствовать обе метки (так как оба содержат " Имя").

Есть ли какие-равно-метод или StartsWith, так что я мог бы использовать

var name = $("label:equals('Name')").next().val(); 

Спасибо заранее!

Answer 1

:contains Используется для элементов. Не для текста. Вы должны использовать .filter():

$(function() { 
 
    $("label").filter(function() { 
 
    return $(this).text().indexOf("SecondName") > -1; 
 
    }).next("input").val("Ha ha ha!"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label for="foo1">Name</label> 
 
<input type="text" name="foo1" id="foo1" value="Fadime"/> 
 

 
<label for="foo2">SecondName</label> 
 
<input type="text" name="foo2" id="foo2" value="Alice"/>

Получение второе имя выводимой на консоль:

$(function() { 
 
    console.log(
 
    $("label").filter(function() { 
 
     return $(this).text().indexOf("SecondName") > -1; 
 
    }).next("input").val() 
 
); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label for="foo1">Name</label> 
 
<input type="text" name="foo1" id="foo1" value="Fadime" /> 
 

 
<label for="foo2">SecondName</label> 
 
<input type="text" name="foo2" id="foo2" value="Alice" />

Answer 2

$(function() { 
 
    $("label").filter(function() { 
 
    return $(this).text()=="Name" 
 
    }).next("input").val("Ha ha ha!"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label for="foo1">Name</label> 
 
<input type="text" name="foo1" id="foo1" value="Fadime"/> 
 

 
<label for="foo2">SecondName</label> 
 
<input type="text" name="foo2" id="foo2" value="Alice"/>

Answer 3

Нужно ли вам использовать текст, содержащий фильтр, потому что вы можете получить соответствующий текст метки без него, используя нижеприведенный код. Пожалуйста, проверьте его

$(document).ready(function() { 
 
    $('label').click(function() { 
 
    \t $id = $(this).attr('for'); 
 
    console.log($('#'+$id).val()); 
 
    }); 
 
});