Селектор jQuery: Id заканчивается?

Question

Можно ли запросить selector для элементов с идентификатором, который заканчивается данной строкой?

Скажем, у меня есть элемент с идентификатором ctl00$ContentBody$txtTitle. Как я могу получить это, передав только txtTitle?

Answer 1

Если вы знаете тип элемента, то: (например: заменить 'element' на 'div')

$("element[id$='txtTitle']")

Если вы не знаете тип элемента:

$("[id$='txtTitle']")

Более подробная информация доступна

---

// the old way, needs exact ID: document.getElementById("hi").value = "kk";
$(function() {
  $("[id$='txtTitle']").val("zz");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="ctl_blabla_txtTitle" type="text" />

Answer 2

Ответ на вопрос: $("[id$='txtTitle']"), , как ответил Марк Херд , но для тех, кто, как и я, хочет найти все элементы с идентификатором, который начинается с заданную строку (например, txtTitle), попробуйте это ( doc ):

$("[id^='txtTitle']")

Если вы хотите выбрать элементы, идентификатор которых содержит заданную строку ( doc ):

$("[id*='txtTitle']")

Если вы хотите выбрать элементы, идентификатор которых не равен данной строке ( doc ):

$("[id!='myValue']")

(также соответствует элементам, которые не имеют указанного атрибута)

Если вы хотите выбрать элементы, идентификатор которых содержит данное слово, разделенное пробелами ( doc ):

$("[id~='myValue']")

Если вы хотите выбрать элементы с идентификатором , равным данной строке или начинающимся с этой строки, за которым следует дефис ( doc ):

$("[id|='myValue']")

Answer 3

Попробуйте

$("element[id$='txtTitle']");

редактировать: на 4 секунды позже: P

Answer 4

$('element[id$=txtTitle]')

Не обязательно указывать фрагмент текста, с которым вы сопоставляете

Answer 5

Безопаснее добавить символ подчеркивания или $ к искомому термину, чтобы было меньше шансов сопоставить другие элементы, заканчивающиеся тем же идентификатором:

$("element[id$=_txtTitle]")

(где element - это тип элемента, который вы пытаетесь найти - например, div, input и т. Д.

(Обратите внимание, вы предполагаете, что в ваших идентификаторах, как правило, есть знаки $, но я думаю, что .NET 2 теперь вместо этого использует подчеркивание в идентификаторе, поэтому в моем примере используется подчеркивание).

Answer 6

Поскольку это ASP.NET, вы можете просто использовать тег ASP <% =%> для печати сгенерированного ClientID txtTitle:

$('<%= txtTitle.ClientID %>')

Это приведет к ...

$('ctl00$ContentBody$txtTitle')

... когда страница отображается.

Примечание. В Visual Studio Intellisense будет кричать на вас за размещение тегов ASP в JavaScript. Вы можете игнорировать это, так как в результате действительный JavaScript.

Answer 7

Пример: выбрать все <a> с идентификатором, заканчивающимся на _edit:

jQuery("a[id$=_edit]")

или

jQuery("a[id$='_edit']")

Answer 8

Попробуйте это:

<asp:HiddenField ID="0858674_h" Value="0" runat="server" />

var test = $(this).find('[id*="_h"').val();

Answer 9

Чтобы найти идентификатор iframe, заканчивающийся на «iFrame», на странице, содержащей много элементов iframe.

jQuery(document).ready(function (){     
                  jQuery("iframe").each(function(){                     
                    if( jQuery(this).attr('id').match(/_iFrame/) ) {
                            alert(jQuery(this).attr('id'));

                     }                   
                  });     
         });