Изменение идентификатора элемента во время выполнения Jquery

Question

Изменение идентификатора элемента во время выполнения Jquery

0

Я пытаюсь изменить id элемента (anchor tag) во время выполнения, используя Jquery, но пока не смог добиться успеха.

это мой якорный код тега

<a id="addToCartButton_${idStatus}" href="javascript://"
 onclick="addTocartFunction(${idStatus})" class="button"
  type="submit">ADD TO CART</a>

Я пробовал следующий подход

$("addToCartButton_"+id).attr('id','addToCartButton_'+code);

где id такой же, как idStatus но ничего не происходило, чем я пытался проверить, даже если Jquery смог найти элемент с данным идентификатором, поэтому я пробовал следующий код

alert($("addToCartButton_"+id).attr('href')) но он приходит как undefined. Я не уверен, где я ошибаюсь

Umesh Awasthi 20 фев. 2014, в 09:20

Источник

0

какой идентификатор тега после рендеринга на странице
Milind Anantwar 20 фев. 2014, в 08:08
0

Это потому, что селектор jQuery неверен. Это должно быть $("#addToCartButton_"+id)
sunpietro 20 фев. 2014, в 08:09
0

Старайтесь никогда не использовать символ $ {} в идентификаторе.
Manish Patwari 20 фев. 2014, в 08:12
0

@ManishPatwari - похоже, ${idStatus} будет заменено значением idStatus , а не буквально как "${idStatus}"
techfoobar 20 фев. 2014, в 08:13
0

Я бы предложил использовать панель инструментов Firebug или Chrome Developer, используя тип консоли в вашем селекторе $ ("# addToCartButton_5") в качестве примера, и запустить этот код, чтобы проверить, соответствует ли он каким-либо элементам. Панели инструментов разработчика очень полезны для тестирования кода Javascript перед тем, как поместить его в файлы JS.
Newbi3 20 фев. 2014, в 08:14
0

id = "addToCartButton _ $ {idStatus}" означает строку. Итак, я думал, что он использует эти символы.
Manish Patwari 20 фев. 2014, в 08:14

Показать ещё 4 комментария

Теги:

javascript

jquery

html

3 ответа

1

Вы пропустили # в своем коде $("addToCartButton_"+id)

Java_User 20 фев. 2014, в 07:04

1

Вам нужно $("#addToCartButton_"+id).attr('id','addToCartButton_'+code); # чтобы выбрать элемент по id (предположим, что вы забыли): $("#addToCartButton_"+id).attr('id','addToCartButton_'+code);

И здесь:

alert($("#addToCartButton_"+id).attr('href'))

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

blackpanther 20 фев. 2014, в 05:09

Ещё вопросы

какой идентификатор тега после рендеринга на странице
Это потому, что селектор jQuery неверен. Это должно быть $("#addToCartButton_"+id)
Старайтесь никогда не использовать символ $ {} в идентификаторе.
@ManishPatwari - похоже, ${idStatus} будет заменено значением idStatus , а не буквально как "${idStatus}"
Я бы предложил использовать панель инструментов Firebug или Chrome Developer, используя тип консоли в вашем селекторе $ ("# addToCartButton_5") в качестве примера, и запустить этот код, чтобы проверить, соответствует ли он каким-либо элементам. Панели инструментов разработчика очень полезны для тестирования кода Javascript перед тем, как поместить его в файлы JS.
id = "addToCartButton _ $ {idStatus}" означает строку. Итак, я думал, что он использует эти символы.

techfoobar · Accepted Answer · 2014-02-20T06-33-00.000Z

Неверный идентификатор. Сейчас он будет искать элементы с "addToCartButton_"+id как "addToCartButton_"+id. Если id равен 5, он будет искать такие элементы, как <addToCartButton_5>...</addToCartButton_5>

Вместо этого он должен быть:

$("#addToCartButton_"+id).attr('id','addToCartButton_'+code); 
   ^ ID selector

@techfoobar: Дело в том, что я в порядке с Jquery, но был настолько растерян, что никогда не смотрел на #
Бывает со всеми .. Рад, что мой ответ помог .. :)