JQuery [attribute] Селекторы

Question

Итак, я видел несколько сообщений, объясняющих, как использовать переменную в значении для выбора атрибута. то есть (где событие JS относится к DIV (что делает его $ (это):

HTML

<div id="item1"></div> 
<div id="item1" style="display: none;"></div> 

JS

var find = $(this).attr("id") 
$('div[id="'+find+'"]').show(); 

Но я хотел бы знать, как используйте переменную в селекторе jquery, чтобы найти что-то с подобной строкой для значения переменной, т. е. найти элемент из приведенного выше примера, но ищет «# item1div», где цель события все еще «#ite m1"

HTML

<div id="item1"></div> 
<div id="item1div" style="display: none;"></div> 

JS

var find = $(this).attr("id") 
$('div[id="'+find+"div"'"]').show(); // incorrect syntax 

Так что мой вопрос: Как я могу исправить выше синтаксис, чтобы включить дополнительную строку в атрибут проверки?

Я не могу найти ссылки на правильный синтаксис того, как добавить компиляцию строки значения переменной и явной строки, а затем проверить это как значение для атрибута x.

Я знаю, что здесь я могу использовать [id*="'+find+'"], потому что альтернативный идентификатор содержит те же символы, что и основной, но я хочу знать, как настроить целевой идентификатор другого на основе первого. Например, если бы я был # item1, # item1div и # item1img, как я могу использовать событие на "# item1", чтобы найти значение атрибута равно "item1div" и/или "item1img"

EDIT: I также просто понял, что могу просто использовать [id|="'+find+'"], если я называю divs соответственно дефисом, но опять же не решает идентификаторы с разными окончаниями (или разными строками, которые появляются после дефиса)

Answer 1

$('div[id="'+find+"div"'"]') не является действительным Javascript Синтаксис:

$(   // jQuery function 
'div[id="' // String 
+ find  // Add variable 
+ "div"  // Add String 
'"]'  // Unexpected string! - Error 

Один пример действительного синтаксиса будет:

$('div[id="'+find+'div"]') 

Однако, так как это идентификатор, вы можете использовать селектор ID вместо:

$('div#'+find+'div') 

Answer 2

вопрос очень неясен, но я предполагаю ваш вопрос сводится к:

Q: как искать все элементы, где начинается строка x?

: Для того, чтобы получить все элементы, начиная с "item1" вы должны использовать:

$("[id^=item1]")

Answer 3

Вы должны использовать селектор идентификатора, как показано ниже, чтобы найти элемент по идентификатору,

$('#' + find).show(); 

Чтобы найти item1div или динамическая первая часть - $('#' + find + 'div')

Примечание: неправильный синтаксис вы упомянули из-за отсутствующего + - Он должен быть

//      V-- you missed this 
$('div[id="'+find+"div"+'"]').show(); 

Answer 4

Чтобы добавить явную строку в значение атр вы можете написать следующим образом

$('[attr="'+attrVal+'extraString"]') 

Для evample в случае ид DIV itemdiv

var item1ID = $('#item1').attr('id'); // item1 
$('[id="'+item1ID+'div"]')    // valid selector to select #item1div