Поиск элемента по стилю
Здравствуйте, коллеги.
Поставили мне вроде простую задачу: Выделение цветом основной задачи в списке задач в Sharepoint 2013. Вроде легко, нашел класс\ид и задал css свойство с помощью хоть того же jquery. Однако выяснилось, что у всех элементов одни и те же классы, а ид задаются по не очень понятному принципу. Поковырявшись через панель разработчика, я заметил что "родительские" задачи отличаются свойством margin:0px;. Появилась идея, что можно попробовать отловить эти элементы через поиск по свойству. Скажите, можно ли это как-нибудь реализовать и как? P.S. Знаю, что решение очень костыльное, но тем не менее хоть так. HTML элемента основной задачи <tr class=" ms-itmHoverEnabled ms-itmhover" oncontextmenu="return ShowCallOutOrECBWrapper(this, event, true)" iid="4,1,0" id="4,1,0" setedgeborder="true"> <td class="ms-cellStyleNonEditable ms-vb-itmcbx ms-vb-imgFirstCell" tabindex="0"><div role="checkbox" class="s4-itm-cbx s4-itm-imgCbx" tabindex="-1" title="test"><span class="s4-itm-imgCbx-inner"><span class="ms-selectitem-span"><img class="ms-selectitem-icon" alt="" src="/_layouts/15/images/spcommon.png?rev=23"></span></span></div></td> <td class="ms-cellstyle ms-vb2"><div class="ms-chkmark-container"><div class="ms-chkmark-container-centerer"><span class="ms-cui-img-16by16 ms-cui-img-cont-float" unselectable="on" style="z-index:0"><img id="4,1,chk" liid="1" shouldanimate="1" lid="{3A4B8481-F3DD-4E51-B56E-C68EFEC1F141}" tabindex="0" title="Пометить задачу как завершенную." class="js-chkmark ms-chkmark-notcomplete" src="/_layouts/15/images/spcommon.png?rev=23" unselectable="on" hascheckmarkhandler="1"></span></div></div></td> <td class="ms-cellstyle ms-vb-title" isecb="TRUE" iscallout="TRUE" height="100%"> <div class="ms-vb itx" ctxname="ctx4" id="1" app=""><span style="font-weight: bold;float: left; margin-left:0px"><table><tbody><tr style="font-weight: bold;"> <td style="vertical-align: top;"><span id="idExpandCollapse4,1,0" class="ms-commentcollapse-iconouter"><img src="/_layouts/15/images/spcommon.png?rev=23" class="ms-commentcollapse-icon"></span></td> <td><a class="ms-listlink" onfocus="OnLink(this)" href="http://dev6/_layouts/15/listform.aspx?PageType=4&ListId=%7B3A4B8481%2DF3DD%2D4E51%2DB56E%2DC68EFEC1F141%7D&ID=1&ContentTypeID=0x010800B5A296E4B47982468A8789A9F0BB5AF8" onclick="EditLink2(this,4);return false;" target="_self">test</a> </td></tr></tbody></table></span> </div> </td> <td class="ms-list-itemLink-td ms-cellstyle"> <div class="ms-list-itemLink " onclick="ShowMenuForTrOuter(this,event, true); return false;"><a ms-jsgrid-click-passthrough="true" class="ms-lstItmLinkAnchor ms-ellipsis-a" title="Открыть меню" onclick="OpenCalloutAndSelectItem(this, event, this, '1'); return false;" href="#" id="ctx4_1_calloutLaunchPoint"><img class="ms-ellipsis-icon" src="/_layouts/15/images/spcommon.png?rev=23" alt="Открыть меню"></a> </div> </td> <td class="ms-cellstyle ms-vb2"><span class="ms-noWrap" title=""></span></td> <td class="ms-vb-lastCell ms-cellstyle ms-vb-user ms-vb-lastCell"></td> </tr> HTML элемента подзадачи <tr class="ms-alternating ms-itmHoverEnabled ms-itmhover" oncontextmenu="return ShowCallOutOrECBWrapper(this, event, true)" iid="4,8,0" id="4,8,0" setedgeborder="true"> <td class="ms-cellStyleNonEditable ms-vb-itmcbx ms-vb-imgFirstCell" tabindex="0"> <div role="checkbox" class="s4-itm-cbx s4-itm-imgCbx" tabindex="-1" title="45y64tre"><span class="s4-itm-imgCbx-inner"><span class="ms-selectitem-span"><img class="ms-selectitem-icon" alt="" src="/_layouts/15/images/spcommon.png?rev=23"></span></span> </div> </td> <td class="ms-cellstyle ms-vb2"> <div class="ms-chkmark-container"> <div class="ms-chkmark-container-centerer"><span class="ms-cui-img-16by16 ms-cui-img-cont-float" unselectable="on" style="z-index:0"><img id="4,8,chk" liid="8" shouldanimate="1" lid="{3A4B8481-F3DD-4E51-B56E-C68EFEC1F141}" tabindex="0" title="Пометить задачу как завершенную." class="js-chkmark ms-chkmark-notcomplete" src="/_layouts/15/images/spcommon.png?rev=23" unselectable="on" hascheckmarkhandler="1"></span> </div> </div> </td> <td class="ms-cellstyle ms-vb-title" isecb="TRUE" iscallout="TRUE" height="100%"> <div class="ms-vb itx" ctxname="ctx4" id="8" app=""><span style="float: left; margin-left:35px"> <table> <tbody> <tr> <td><a class="ms-listlink" onfocus="OnLink(this)" href="http://dev6/_layouts/15/listform.aspx?PageType=4&ListId=%7B3A4B8481%2DF3DD%2D4E51%2DB56E%2DC68EFEC1F141%7D&ID=8&ContentTypeID=0x010800B5A296E4B47982468A8789A9F0BB5AF8" onclick="EditLink2(this,4);return false;" target="_self">45y64tre</a><span class="ms-newdocument-iconouter"><img class="ms-newdocument-icon" src="/_layouts/15/images/spcommon.png?rev=23" alt="новый" title="новый"></span> </td> </tr> </tbody> </table></span> </div></td> <td class="ms-list-itemLink-td ms-cellstyle"> <div class="ms-list-itemLink " onclick="ShowMenuForTrOuter(this,event, true); return false;"><a ms-jsgrid-click-passthrough="true" class="ms-lstItmLinkAnchor ms-ellipsis-a" title="Открыть меню" onclick="OpenCalloutAndSelectItem(this, event, this, '8'); return false;" href="#" id="ctx4_8_calloutLaunchPoint"><img class="ms-ellipsis-icon" src="/_layouts/15/images/spcommon.png?rev=23" alt="Открыть меню"></a> </div> </td> <td class="ms-cellstyle ms-vb2"><span class="ms-noWrap" title=""></span></td> <td class="ms-vb-lastCell ms-cellstyle ms-vb-user ms-vb-lastCell"></td> </tr> |
приведите html код
|
Если исключительно
<elem style="margin:0px;">...</elem>и ничего боле в style нет, то можно просто по селектору: elem[style="margin:0px;"] > .class. Но скорее всего у id'шников таки есть логика, которая где-нить описана.) P.S. С любым обновлением такой селектор может отвалиться, если например поменяется style="margin:0px;" на style="margin:0%;". Там тоже есть варианты, но сё это не надёжно.) |
привел
|
ужос какой-то) а чё искать то нужно?
возможно искомые элементы по счёту на определённом месте, или как Aetae предложил |
Часовой пояс GMT +3, время: 14:00. |